设置div透明度的时候可能会遇到这样一个问题,那就是对象中的文字也被产生了透明现象,也不能说事缺陷,也可能有时候需要这样的效果。这里就介绍一下如何将对象设置为透明效果,但是文字不透。
rgba(),css3里才有的,所有只有支持css3的浏览器才支持,a是指透明度,取值0.0-1。
如果用opacity就感觉文字也透明了。影响外观,阅读。
还有一种兼容的方法,主要兼容不支持使用rgba()格式值的浏览器。
DIV本身就是块级元素,不需要设置。
如果想要行内元素变成块级元素:display:block
如果想要块级元素变成行内元素:dispaly:inline。
html-css 中让一个DIV的背景色是透明的,但它的内容(文字图片之类的)不是透明的,这个的话,是可以通过设置2个div来实现的,第一个包裹着第二个div然后在设置相同的div宽高,在将第一个的opacity为0;代码如下:<div id='div1'>
<div id='div2'>
<p>我是测试文字</p>
</div>
</div>
<style>
div{
widht:220px
height:300px
}
#div1{
background:#fff
opacity:0
z-index:10
}
#div2{
z-index:11
}
</style>