宁波网站建设咨询:宁波网站建设
13780026116 宁波网站制作
网站公告
PHP技术
技术交流
网络推广
网站建设常见问答
殷雯动态
你的位置:首页> 新闻/观点 > 网站建设常见问答>使用CSS3实现透明效果
网站建设常见问答
使用CSS3实现透明效果

使用CSS3实现透明效果

    现在随窗口上下浮动的菜单栏很常见,而且这些菜单一般都要求有一定的透明度.

CSS本来就是支持透明的,IE以外的浏览器是opacity属性,IE是filter:alpha.但是,这个透明度有个缺点,就是它会使应用元素的内容也会继承它,比如有一个DIV,

代码如下:

div style=opacity:0.8;filter:alpha(opacity=80); font-weight: bold;

内容 

/div

 如果像上面这样DIV的背景是透明了,但是内容两个字也透明了,这时可以用RGBa.

.alert 

rgba(0,0,0,0.8);  

 这个属性前3个属性表示颜色红,绿,蓝,第四个是透明度.红绿蓝都是0代表黑色,所以rgba(0,0,0,0.8)就是将黑色的透明度设置为0.8.

CSS3使得原来很难实现的效果变得很简单,希望各浏览器对CSS3尽快实现完美支持.

目前最大的问题就是各大浏览器核心的兼容问题. 一般可以和客户说明 这个效果是有的, 但是不能全部浏览器兼顾.请自行考虑使用与否.



点击:  884    时间: 2018-08-27
上一条: 文化局在我公司文艺演出
下一条: a标签添加onclick事件的几种方式
 
 
快速通道: 关于我们    网站建设    主机域名    付款方式    我的声明
  
联系我们
手机扫描QQ
网站建设咨询:
咨询热线:
宁波殷雯网站建设工作室
地 址: 浙江省宁波市江东区
电 话: 13780026116 
邮 箱:
waichun@qq.com
宁波网站建设
宁波网站制作
13780026116
宁波殷雯网站建设工作室 版权所有   浙ICP备16030041号-1