简单css代码 实现背景透明 -文字不透明 支持ie和火狐(FF)
这几天公司很忙。好几个单子都堆在一起在做。最近这几个单子都是细节修改较多。有的时候感觉做网站越来越累了。
这几个客户都谈的比较爽快。还是一步一步帮他们修改。其中有一家客户需要修改的下拉菜单的背景颜色要透明。
我第一想到的就是 css做。然后就找了下资料。发现透明我们直接用:filter:alpha(opacity=50); 然后就写了下,然后测试
发下IE 可以了。就此以为解决了。但是用火狐打开了一下。发现没透明。郁闷。兼容有问题。又接着找资料。发现火狐透明是用:
opacity:0.5; 然后测试了。OK解决了。下面贴出完整的代码和效果图:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <body> <div class="div" style="filter:alpha(opacity=40);opacity:0.5;background:#000000;">透明背景颜色</div> </div> |
但是大家在做 栏目背景透明的时候。会发现。他会和字一起透明了。所有就要用到特定的css 写。用几个绝对层来写!
代码如下:
<html> #text {
|
【责任编辑:小戴工程师】
上一篇:网站建设最容易失败的五个点大家 下一篇:烦人的 0x80004005 未指定的错误 解决方法