CSS 背景颜色透明怎么弄

html-css015

CSS 背景颜色透明怎么弄,第1张

这有个问题。首先用最单的办法是用CSS3 background-color:rgba(0,0,0,0.5)

但这个兼容性你懂的。第二种就是他们说的这样了。这会让里面的文字一起透明。所以。办法是用两个层叠起来。

可以使用css3实现,一般的做法是用两个层,一个用于放文字,另一个用于做透明背景,因为透明滤镜的效果会影响到里面的内容。

<html>

<head>

<title>透明效果</title>

<style>

.alpha1,.alpha2{

width:100%

height:auto

min-height:250px/* 必需 */

_height:250px/* 必需 */

overflow:hidden

background-color:#FF0000/* 背景色 */

}

.alpha1{

filter:alpha(opacity=20)/* IE 透明度20% */

}

.alpha2{

background-color:#FFFFFF

-moz-opacity:0.8/* Moz + FF 透明度20%*/

opacity: 0.8/* 支持CSS3的浏览器(FF 1.5也支持)透明度20%*/

}

.ap2{

position:absolute

}

</style>

</head>

<body>

<div class="alpha1">

<div class="ap2">

<p>透明效果 背景为红色(#FF0000),透明度20%。</p>

</div>

<!--[if IE]><![if !IE]><![endif]--><div class="alpha2"></div><!--[if IE]><![endif]><![endif]-->

</div>

</body>

</html>

div默认就没有背景吧,

如果是你自己写,背景这快不写就成了,

如果你是改别人的只是要背景的话透明你可以直接找到那对应的样式表中导航条部分的背景去掉啊。

你可以再详细点描述下你的问题,或者截个图。说下是哪里出现了你不想要的背景啦神马的~