您现在的位置是:首页 > 网站建设常见问答网站建设常见问答
使用CSS3实现透明效果
2018-08-27【网站建设常见问答】2129 人已围观
简介 现在随窗口上下浮动的菜单栏很常见,而且这些菜单一般都要求有一定的透明度.CSS本来就是支持透明的,IE以外的浏览器是opacity属...
现在随窗口上下浮动的菜单栏很常见,而且这些菜单一般都要求有一定的透明度.
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尽快实现完美支持.
目前最大的问题就是各大浏览器核心的兼容问题. 一般可以和客户说明 这个效果是有的, 但是不能全部浏览器兼顾.请自行考虑使用与否.
关注宁波网站建设博客,更多精彩分享,敬请期待!
Tags:
很赞哦! ()
相关文章
随机图文
殷雯jquery笔记:删除HTML元素
jQuery使用下面两个方法来删除或是清空某个HTML元素。 remove() – 删除指定的元素(包括其子元素) empty() – ...
怎么设计一个漂亮的企业网站
打开一个网站第一眼就是他的门面,给客户的第一感觉,这很重要,为将来促成交易做下一个基础。那怎么样做一个漂亮的企业网站呢?那第一眼就很重要...
网站为什么要使用静态页面
宁波网站建设做静态网站设计所采用的技术原理是一对一的形式,代码是PHP程序为主,也就是说这样的网站上面,一个内容对应的就是一个页面,无论...
最全的微信公众号图文内容添加超链接的方法总结
现在微信营销有种会替代网络营销的感觉,微信广告是铺天盖地的出来。微信在早期是允许用户在后台发布文章时自己定义链接,包括文字链接和图片链接。...




微信收款码
支付宝收款码