CSS cursor 和 opacity 属性

cursor ：一些不同的光标，当设置该属性之后，鼠标指上去会随着属性而改变。

举例：

<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取值说明：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>

CSS cursor 和 opacity 属性相关推荐

html css 鼠标手,CSS cursor 和 opacity 属性
cursor :一些不同的光标,当设置该属性之后,鼠标指上去会随着属性而改变. 举例: 十字线默认的帮助指示某对象可被移动出现左右箭头一只手正在加载文本 opacity:用于设置元素的透 ...
php背景图片透明度,css如何使用opacity属性给背景图片加透明度（代码）
本篇文章给大家带来的内容是关于css如何使用opacity属性给背景图片加透明度(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. CSS 中无法直接给背景图片加 opacity ...
CSS cursor(鼠标状态)属性
/*正常鼠标 */ cursor:auto; /*十字鼠标 */ cursor:crosshair; /*默认鼠标 */ cursor:default; /*手*/ cursor:pointer; / ...
css opacity属性_CSS中的opacity属性
css opacity属性 CSS | 不透明度属性 (CSS | opacity Property) With the growing need of making websites, the ne ...
前端css高频使用的属性总结
1,link和@import的区别 link属于html标签,而@import是css中提供的从范围,加载,兼容以及js控制来看两者都是外部引用css的方式,它们的区别如下: link是XHTML ...
解决opacity属性在低版本IE浏览器下失效的方法
以前,一直都以为ie9以下的版本不支持opacity属性.所以就同时使用 opacity和ie独特的filter蒙版.但是有些时候需要一些动态的效果,就比如层的渐渐消失,隐藏,就需要使用动态变化的op ...
可阅读性html css,css有继承性的属性有哪些？
继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代.CSS继承是指设置上级(父级)的CSS样式,上级(父级)及以下的子级(下级)都具有此属性. 继承性的作用:给父元素设置一 ...
css cursor url用法格式详解
css cursor url用法格式:css:{cursor:url('图标路径'),auto;} //IE,FF,chrome浏览器都可以实例代码:html{cursor: url("h ...
[css] rgba()和opacity这两个的透明效果有什么区别呢？
[css] rgba()和opacity这两个的透明效果有什么区别呢? 1.opacity 是属性,rgba()是函数,计算之后是个属性值: 2.opacity 作用于元素和元素的内容,内容会继承元素 ...

CSS cursor 和 opacity 属性

CSS cursor 和 opacity 属性相关推荐

最新文章

热门文章