CSS cursor 和 opacity 属性
2017-06-27 10:16
579 查看
cursor :一些不同的光标,当设置该属性之后,鼠标指上去会随着属性而改变。
举例:
opacity:用于设置元素的透明度,元素的不透明度级别描述了透明度级别,当不透明度为 1 时表示完全不透明,当不透明度为 0.5 时表示半透明,当不透明度为 0 时表示完全透明。
value取值说明:不透明度,从 0.0 (完全透明)到 1.0(完全不透明)。
inherit取值说明[b]:[/b]opacity属性的值应该从父元素继承。
为了兼容IE8 以及更早的版本支持替代的 filter 属性。可以这样设置:filter:Alpha(opacity=50)。
举例:
<span style="cursor:crosshair">十字线</span><br> <span style="cursor:default">默认的</span><br> <span style="cursor:help">帮助</span><br> <span style="cursor:move">指示某对象可被移动</span><br> <span style="cursor:n-resize">出现左右箭头</span><br> <span style="cursor:pointer">一只手</span><br> <span style="cursor:progress">正在加载</span><br> <span style="cursor:text">文本</span><br>
opacity:用于设置元素的透明度,元素的不透明度级别描述了透明度级别,当不透明度为 1 时表示完全不透明,当不透明度为 0.5 时表示半透明,当不透明度为 0 时表示完全透明。
opacity: value|inherit;
value取值说明:不透明度,从 0.0 (完全透明)到 1.0(完全不透明)。
inherit取值说明[b]:[/b]opacity属性的值应该从父元素继承。
为了兼容IE8 以及更早的版本支持替代的 filter 属性。可以这样设置:filter:Alpha(opacity=50)。
<div>This element's opacity is 0.5! Note that both the text and the background-color are affected by the opacity level!</div> /** *css设置透明度 */ <style> div { background-color:red; opacity:0.5; filter:Alpha(opacity=50); } </style>
相关文章推荐
- 在Jquery使用过程中用到了css属性:opacity(不透明度),cursor (光标的类型、形状)
- css中cursor自定义光标的相关属性
- [导入]CSS中的cursor属性
- CSS cursor 属性 -- 鼠标效果
- 关于鼠标悬浮标签元素效果(CSS:cursor属性)
- CSS中cursor属性
- css鼠标手型cursor属性
- CSS中cursor属性给标签加上小手形状
- 关于css中opacity 与 background 属性的ie6-8的兼容问题
- CSS cursor 属性
- CSS cursor 属性
- 【css属性之cursor】 光标自定义
- css手势状态定义属性cursor和自定义鼠标手势详解
- 透明度的 Opacity 是CSS 3里的一个属性 对所有浏览器的处理
- CSS cursor 属性
- CSS中cursor属性汇总
- CSS cursor属性
- css cursor属性
- 浏览器css透明属性opacity
- CSS中cursor属性给标签加上小手形状