转载 - 背景透明，文字不透明【学习】

【 以下方法，测试后，IE6下，背景并未透明，暂不知解决办法。】<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>背景透明，文字不透明</title>
<style>
*{padding: 0;margin: 0;
}body{padding: 50px;background: url(img/bg.png) 0 0 repeat;
}.demo{padding: 25px;background-color: rgba(0,0,0,0.5);/* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂 */
}
.demo p{color: #FFFFFF;
}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */.demo{background-color:#000000;filter:Alpha(opacity=50);position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */*zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */}.demo p{position: relative;/* 设置子元素为相对定位，可让子元素不继承Alpha值 */}
}</style>
</head>
<body>    <div class="demo"><p>背景透明，文字不透明</p>
</div></html>

简单阐述 @media ，网址转载：http://blog.sina.com.cn/s/blog_6d208b470102v35u.html

仅IE6和IE7识别@media screen\9 {   .selector {  property: value; } }
仅IE6和IE7、IE8识别@media \0screen\,screen\9 {   .selector {  property: value; } }
仅IE8识别@media \0screen {   .selector {  property: value; } }
仅IE8-10识别@media screen\0 {   .selector {  property: value; } }
仅IE9和IE10识别@media screen and (min-width:0\0) {   .selector {  property: value; } }
仅IE10识别@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {    /* IE10-spe 　仅支持谷歌@media screen and (-webkit-min-device-pixel-ratio:0) {.footer .layout-help { padding-bottom:357px; } }　}

转载于:https://www.cnblogs.com/JaneBlog/p/7682333.html

转载 - 背景透明，文字不透明【学习】相关推荐

如何实现背景/背景图片透明文字不透明
如何实现背景/背景图片透明文字不透明第一种情况,背景为自定义颜色第二种情况,背景为图片总结: 第一种情况,背景为自定义颜色直接给父级背景颜色设置background:rgba();就可以了: ...
背景透明文字不透明的最佳方法兼容IE(以背景黑色透明度0.5为例)
以背景黑色,透明度0.5举例为大家详细介绍下关于背景透明,文字不透明的最佳方法同时兼容IE,具体实现如下,感兴趣的朋友可以参考下哈希望对大家有所帮助以背景黑色,透明度0.5举例非IE:backgr ...
CSS实现背景图片透明文字不透明效果的两种方法
网页设计中经常要在背景图上放一些文字介绍,这就需要背景图片能有透明效果以便突出显示文字信息,经多方查阅,终于找到了2种有趣的方法. 1.在文字层添加rgba样式实现半透明效果方法: 背景图片层添加样 ...
html文本框背景text怎么变透明,css怎么设置背景图片透明文字不透明？
项目中经常会用到背景图上放一些文字介绍,这里介绍两种技术来实现背景图片透明,文字不透明效果.下面我们来看一下这两种方法的使用. CSS实现背景图片透明,文字不透明效果的两种方法: 方法一(半透明效果) ...
css实现背景透明文字不透明
我们所说的设置透明度实际上是设置不透明度使用opacity会导致背景和图片都透明,在此处不合适 <!DOCTYPE html> <html> <head> < ...
CSS 背景透明文字不透明
background:rgba(12, 7, 7, 0.45);括号里面的前3个值是rgba的颜色值,0.45是透明度,透明度的范围是0~1,0是完全透明, 1是完全不透明.
div背景透明文字不透明
style="width:150px;height:100px;float:left;margin-left:10px;background-color:rgba(255,0,0,0.5); ...
CDR怎么做透明文字和透明图片、水印
水印是一种数字保护的手段,在图像上添加水印即能证明本人的版权,还能对版权的保护做出贡献.也就是在图片上打上半透明的标记,因其具有透明和阴影的特性,使之不管在较为阴暗或明亮的图片上都能完美使用,嵌入的水 ...
背景透明，文字不透明效果
1 background-color: #24BA09; 2 color: #fff; 3 filter: alpha(opacity=80);/*为了实现ie8透明度*/ 4 zoom: 1;/*为 ...
CSS设置文字背景虚化，变透明的两种方法
CSS文字背景虚化,变透明拥有大背景,让div块变透明的方法: 方法1.背景是透明了,内容也会随之变透明. 方法2.仅背景透明在整个项目有大背景的前提下,想让某表格背景或div块的背景不是白色,而 ...

转载 - 背景透明，文字不透明【学习】

转载 - 背景透明，文字不透明【学习】相关推荐

最新文章

热门文章