css颜色和透明度,盒子阴影和轮廓,光标样式 学习要点: 1.颜色和透明度 2.盒子阴影和轮廓 3.光标样式 一．颜色和透明度 颜色我们之前其实已经用的很多了,比如字体颜色.背景颜色.边框颜色.但除了背景颜色和边框颜色讲解过,字体颜色却没有系统的讲解过.设置字体颜色其实也成为文本块的前景色. color设置文本颜色           属性               值                 说明                              CSS版本         …

css怎么样设置透明度?下面本篇文章就来给大家介绍一下使用css设置透明度的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 在CSS中想要设置透明度,可以使用opacity属性和rgba()来设置.opacity属性用于设置元素的不透明级别,rgba()用于对颜色值设置透明度. opacity属性 opacity属性用于设置元素的不透明级别:不透明度的值介于0.0到1.0之间,其中低值表示高透明度,高值表示低透明度.不透明度百分比计算为Opacity%=Opacity*…

前面的话 颜色的出现让网页不再只是黑白,运用好颜色设计,能让网页增色不少.一个网页给人们留下的第一印象实际上就是它的整体颜色.关于如何设置颜色,请移步CSS的6种颜色模式.实际上,颜色的应用主要分为前景色.背景色和透明三个部分.本文主要介绍前景色和透明度. color color前景色 值: <color> | inherit 初始值: 用户代理特定的值 应用于: 所有元素 继承性: 有 [影响边框] 一般来说,前景是元素的文本,不过前景还包括元素周围的边框.有两种方式直接影响一个元素的前景色…

由于 opacity 属性能被子元素继承,使用它设置父元素背景透明度时也会影响子元素． 解决方法: 1> 使用 RGBA Example .classname { /* RGBa, 透明度0.6 */ background: rgba(0, 0, 0, 0.6); } 2> 使用 opacity, 设置一个背景DIV,此DIV使用绝对布局 Example <div class="demo"> <div class="demo-bg"&g…

兼容主流浏览器的CSS透明代码: .transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } 解析: opacity: 0.5; 这是最重要的,因为它是CSS标准.该属性支持firefox, Safari和 Opera. filter:alpha(opacity=50); 这个是为IE6设的,可取值在0-100,其它三个0到1. -moz-opacity…

js实现 两个函数 即setInterval和setTimeout setTimeout((function(){})(1/10),1*100) 该函数有两个参数,第一个为执行的函数,第二个为事件参数,即多长时间执行一次: setInterval 用来执行连续的透明度变换,2000为间隔时间:   html文件中写一个<div id="animation"></div>的块级元素:css #animation{width:300px;height:300px:b…

层级 如果定位元素的层级是一样,则下边的元素会盖住上边的. 通过z-index属性可以用来设置元素的层级,可以为z-index指定一个正整数作为值,该值将会作为当前元素的层级,层级越高,越优先显示. 对于没有开启定位的元素不能使用z-index. 透明度 设置元素的透明背景opacity可以用来设置元素背景的透明,它需要一个0-1之间的值: 0 表示完全透明 1 表示完全不透明 0.5 表示半透明 opacity属性在IE8及以下的浏览器中不支持,IE8及以下的浏览器需要使用如下属性代替:alp…

透明往往能产生不错的网页视觉效果,先奉上兼容主流浏览器的CSS透明代码:.transparent{filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;} 上面的几个属性分别是: opacity: 0.9; 这是最重要的,因为它是CSS标准.该属性支持firefox, Safari和 Opera.filter:alpha(opacity=90); 这个是为IE6设的,可取值在0-100,其它三个…

原文链接:http://caibaojian.com/rgba-filter.html .bg{ /*Filter for IE8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80000000,endColorstr=#80000000)"; /*Filter for older IEs */ filter: progid:DXImageTransfor…

首先子元素会继承父元素的透明度: 设置父元素opacity:0.5,子元素不设置opacity,子元素会受到父元素opacity的影响,也会有0.5的透明度. 其次子元素的透明度是基于父元素的透明度计算的: 设置父元素opacity:0.5,即使设置子元素opacity:1,子元素的opacity:1也是在父元素的opacity:0.5的基础上设置的,因此子元素的opacity还是0.5. 解决办法: 利用CSS3属性rgba(即red+green+blue+alpha的颜色), 例如backg…