CSS如何让模块半透明,模块上的字不透明
做出半透明效果,结果上面的字也变成半透明的了,我需要的是字不透明。我不是很懂这个,请教大家一下了...
做出半透明效果,结果上面的字也变成半透明的了,
我需要的是字不透明。我不是很懂这个,请教大家一下了 展开
我需要的是字不透明。我不是很懂这个,请教大家一下了 展开
3个回答
展开全部
不知道你是不是用的alpha滤镜设置的半透明效果,如果是的话,这个很简单,只要把文字和需要半透明的背景分别放在两个标签(容器)内,
然后把包含文字那个标签的css属性里加上:
”position: relative(或者absolute);"就可以了.
但是次方法对IE6有效果,不兼容
目的就是把文字从背景的正常文档流中拖出来,这样他就不随着背景而透明了.
你可以把下面这段代码复制一下,看看效果.
<style>
div {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
background: #069;
width: 200px;
height: 200px;
}
div p {
color: #000;
font-weight: bold;
position: relative;
}
</style>
<div>
<p>
这里是文字
</p>
</div>
然后把包含文字那个标签的css属性里加上:
”position: relative(或者absolute);"就可以了.
但是次方法对IE6有效果,不兼容
目的就是把文字从背景的正常文档流中拖出来,这样他就不随着背景而透明了.
你可以把下面这段代码复制一下,看看效果.
<style>
div {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
background: #069;
width: 200px;
height: 200px;
}
div p {
color: #000;
font-weight: bold;
position: relative;
}
</style>
<div>
<p>
这里是文字
</p>
</div>
参考资料: 绝对原创
展开全部
进入你的空间----|设置|----|模板设置|-----自定义模版CSS可以让您: • 直接编辑CSS文件,实现个性化效果----|编辑|
2.删除开头处的4句语句:
body{background-color:#FFFFFF}
#header{height:89px;background:#CDF991}
#header div.lc{}
#header div.rc{background:url(http://img.baidu.com/hi/temp9/hdr.jpg) no-repeat top right}
3.删除第21行处的这条语句:
.stage{background:#DFFFB2}
4.在开头位置复制并粘贴以下语句:
body {background:url(
) repeat fixed!important} #m_pro{background:transparent} #m_album{background:transparent} #m_blog{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto !important;width:100%} #header{height:89px} #m_links{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto !important;width:100%} 5.按|保存并应用|退出
) repeat fixed!important} #m_pro{background:transparent} #m_album{background:transparent} #m_blog{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto !important;width:100%} #header{height:89px} #m_links{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto !important;width:100%} 5.按|保存并应用|退出
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
这个现在很难实现,因为IE是不支持PNG半透明图的。你可以这样做,用ps做一张背景半透明的图像作为模块的背景,这样看起来就是半透明的啦。
css很简单的,同志继续努力。
css很简单的,同志继续努力。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询