网页设计 DIV

用标签和css3如何实现这个div？就是后面那个背景的div不用管，主要是半透明这个div怎么实现？所需要的图片求大神... 用标签和css3 如何实现这个div？

就是后面那个背景的div不用管，主要是半透明这个div怎么实现？

所需要的图片

求大神展开





 我来答

2个回答

#热议# 发烧为什么不能用酒精擦身体来退烧？

果珈蓝树N8
2015-12-10 · 超过10用户采纳过TA的回答

知道答主

回答量：34

采纳率：0%

帮助的人：20.5万

我也去答题访问个人页

关注

展开全部

差不多了你把图片自己加上就可以了

  <!DOCTYPE HTML>  
    <html>  
    <head>  
    <style type="text/css"> 
      body{background:#000;font-size:12px;}	
	 .header_box{width:700px;height:50px;background:#fff;filter:alpha(opacity:50);opacity:0.5;-moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px;}
     .header_box a,.header_box a i{display:inline-block;*display:inline;*zoom:1;line-height:50px;color:#555}
	 .header_box a i{border:1px solid red;float:left;margin-top:15px;margin-right:5px;}
	 .header_box .span1{padding-right:20px;}
	 .header_box .span2{padding-right:200px;}
	 .header_box .span3{padding-right:20px;}
	 .header_box .span1 i{width:20px;height:20px;background:url(../images/email.png) no-repeat;}
	 .header_box .span2 i{width:20px;height:20px;background:url(../images/phone.png) no-repeat;}
	 .header_box .span3 i{width:20px;height:20px;background:url(../images/login.png) no-repeat;}
	 .header_box .span4 i{width:20px;height:20px;background:url(../images/account.png) no-repeat;}
   </style>  
    </head>  
<body>
	<div class="header_box">
	    <a href="#" class="span1"><i></i>info@exapmle.com</a>
	    <a href="#" class="span2"><i></i>0423656655</a>
	    <a href="#" class="span3"><i></i>Login</a>
	    <a href="#" class="span4"><i></i>Create an account</a>
	</div>
</body>	
</html>

已赞过 已踩过<

评论收起

LiblibAI

广告2025-03-24

设计素材网无需配置一键体验本地SD所有功能，全方位满足你的绘画需求，让创意无限延伸!欢迎每一位创作者加入，创作和分享你的作品。与中国原创模型作者交流，共同探索AI绘画

www.liblib.art

匿名用户
2015-12-10

展开全部

半透明样式：

.touming{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;}
解释：
filter 设置平台IE半透明效果样式，值1-100，值越小越透明，设置IE8以前的透明使用
opacity 设置IE半透明效果样式，值0.1-1，值越小越透明，设置IE8以后版本的透明使用
-moz-opacity 对非IE浏览器设置，比如火狐，语法与IE相同
此设置CSS样式opacity、filter在IE6中不支持，因为现在IE6版本占有急剧下滑，所以一般不考虑IE6对此CSS的支持。

不过呢，我建议你不要采用上面的方法，建议在ps中设置一张尺寸为1px*1px的png半透明图片，然后把这张图片设置为div的背景平铺即可