解决css设置背景透明,文字不透明
来源:互联网 发布:rtl8111f 烧录mac地址 编辑:程序博客网 时间:2024/05/17 02:49
解决css设置背景透明,文字不透明
设置元素的透明度: -moz-opacity:0.8; /*在Firefox中设置元素透明度 filter: alpha(opacity=80); /*ie使用滤镜设置透明 但是当我们对一个标签设置背景的透明度时,往往我们并不希望该标签上的文字图片也变成半透明了。 例如: <div><p>不透明</p></div> div{-moz-opacity:0.3;filter:alpha(opacity=30);background:#000;width:500px; height:500px;color:#F30; font-size:32px; font-weight:bold; } 可以很明显的看出文字也被半透明的,这是我们不想看到的效果。 以前我曾经是绝对定位的方法解决这个问题,也就是现在的p并不是div的子元素。 <div></div> <p>不透明</p> 这样div的半透明效果也就不会影响到元素p了。最后在将p定位到需要的位置。 但是很多时候这样的标签并不是很合理,有可能还会多浪费几个标签。 下面的这种方法就可以解决上面的问题了: div{background:rgba(0,0,0,0.2) none repeat scroll !important; /*实现FF背景透明,文字不透明*/background:#000; filter:Alpha(opacity=20);/*实现IE背景透明*/ width:500px; height:500px; color:#F30; font-size:32px; font-weight:bold;} div p{ position:relative;}/*实现IE文字不透明*/ 火狐我们直接用rgba颜色就可以解决子标签跟着半透明的问题了,但是ie还不是能很好的支持。 所以我们给不想被透明的标签设置一个定位属性,问题接能解决了。 文字来自:http://blog.163.com/l_lihanyu/blog/static/12003272320123185372127/
解决css设置背景透明,文字不透明
设置元素的透明度:
-moz-opacity:0.8; /*在Firefox中设置元素透明度
filter: alpha(opacity=80); /*ie使用滤镜设置透明
但是当我们对一个标签设置背景的透明度时,往往我们并不希望该标签上的文字图片也变成半透明了。
例如:
<div><p>不透明</p></div>
div{-moz-opacity:0.3;filter:alpha(opacity=30);background:#000;width:500px;
height:500px;color:#F30; font-size:32px; font-weight:bold; }
可以很明显的看出文字也被半透明的,这是我们不想看到的效果。
以前我曾经是绝对定位的方法解决这个问题,也就是现在的p并不是div的子元素。
<div></div>
<p>不透明</p>
这样div的半透明效果也就不会影响到元素p了。最后在将p定位到需要的位置。
但是很多时候这样的标签并不是很合理,有可能还会多浪费几个标签。
下面的这种方法就可以解决上面的问题了:
div{background:rgba(0,0,0,0.2) none repeat scroll !important; /*实现FF背景透明,文字不透明*/
background:#000; filter:Alpha(opacity=20);/*实现IE背景透明*/
width:500px; height:500px; color:#F30; font-size:32px; font-weight:bold;}
div p{ position:relative;}/*实现IE文字不透明*/
火狐我们直接用rgba颜色就可以解决子标签跟着半透明的问题了,但是ie还不是能很好的支持。
所以我们给不想被透明的标签设置一个定位属性,问题接能解决了。
文字来自:http://blog.163.com/l_lihanyu/blog/static/12003272320123185372127/
0 0
- 解决css设置背景透明,文字不透明
- CSS设置背景透明,文字不透明。
- css 透明背景 文字不透明
- css 背景透明,文字不透明
- CSS 背景透明文字不透明
- css 背景透明 文字不透明
- 使用css设置图片背景透明,文字不透明
- CSS设置元素背景透明,其内的文字不透明
- css如何实现背景透明,文字不透明?
- DIV+CSS 实现背景透明,文字不透明
- css实现背景透明文字不透明
- css实现div背景透明,文字不透明
- CSS实现背景透明,文字不透明
- css实现背景颜色透明,文字不透明
- CSS实现背景透明,文字不透明
- css实现背景透明文字不透明
- 设置背景透明文字内容不透明方法
- 背景透明,文字不透明
- [Java][Android] Javah Jni 遇到找不到类的解决办法
- semantic-ui angularjs pagination
- 【Android】示波器bug进入osc界面失败
- shell 历史命令记录功能
- sinaapp 数据库的账户和密码
- 解决css设置背景透明,文字不透明
- TOMCAT启动太慢问题
- 软考之路--J2SE,从HelloWorld到传世代码
- 2015.1.5,第二节课主讲Android自定义播放器
- Socket编程基础——Socket选项
- Socket编程基础——无连接UDP
- Socket编程基础——面向连接TCP
- C++基础
- 微软苏州校招1月3日在线编程题2——Disk Storage