CSS如何让模块半透明,模块上的字不透明

做出半透明效果,结果上面的字也变成半透明的了,我需要的是字不透明。我不是很懂这个,请教大家一下了... 做出半透明效果,结果上面的字也变成半透明的了,
我需要的是字不透明。我不是很懂这个,请教大家一下了
展开
 我来答
jansen0728
推荐于2016-10-12 · 超过15用户采纳过TA的回答
知道答主
回答量:41
采纳率:100%
帮助的人:22万
展开全部
不知道你是不是用的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>

参考资料: 绝对原创

欢联
2007-11-30
知道答主
回答量:53
采纳率:0%
帮助的人:0
展开全部
进入你的空间----|设置|----|模板设置|-----自定义模版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.按|保存并应用|退出
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友fdd8f6b0e
2007-11-29 · TA获得超过459个赞
知道小有建树答主
回答量:267
采纳率:0%
帮助的人:221万
展开全部
这个现在很难实现,因为IE是不支持PNG半透明图的。你可以这样做,用ps做一张背景半透明的图像作为模块的背景,这样看起来就是半透明的啦。
css很简单的,同志继续努力。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式