日期:2014-05-17  浏览次数:20756 次

要怎么将div盖住的背景显示出来
网页上有这样一个效果:

页面背是一个LOGO,然后,上面有一个700px*400px底色为白色的框,框里面是文字,也有图片.

现在是要将被白色的框盖住的LOGO部分能显示出来,也就是说能将框的白底半透明.白底还是要白的,不能完全没颜色.

页面都是用div写的,

对白色的框使用了css中的:filter: Alpha(Opacity=80);,能LOGO显示出来,但问题来了,

框中的文字或图片也被透明了.

有什么办法能将这些文字或图片不透明,而只将框的白底透明吗?

请大侠们指点一下,弄了好久也没解决!

谢谢!

------解决方案--------------------
有个笨方法,将文字和图片抠出来做成另一张小图放同一位置最上面设置不透明,然后同一位置下一层放你那个白框图,设置半透明,最底下放logo
------解决方案--------------------
探讨

谢谢回答!

问题是这种页面很多,而且每页的文字数量也不同,不能每页都去这么做吧.

------解决方案--------------------
把你的HTML的简化源码帖出来吧
不知道你为什么div要白底,不要底,透明不可以吗?
------解决方案--------------------
两个同样的DIV。一个放需要透明的内容。一个放不需要透明的内容。然后用定位position属性把这两个DIV重叠起来就可以了。还有一个问题,在标准浏览器中设置透明的属性是opacity:0.5.
------解决方案--------------------
楼主,没看到你content必须要用白色背景色的理由,把背景色设为透明应该就可以满足你的要求了
CSS code

  .content
{
width:800px; 
margin-left:auto; 
margin-right:auto;
background-color:Transparent;/*背景色透明*/
}

------解决方案--------------------
png做bg,ie6是不支持的,需要通过一些手段来使其支持。尽量能不用png就绝不要使用png,实在没办法为之。
------解决方案--------------------
多写1个div 这个半透明, 2个div重叠,半透明的再下,有内容的在上
------解决方案--------------------
楼上的方法只说了一半,
<div class="bg"><div class="main_in">XXXXXX</div></div>

这样如果bg半透明会导致内容层也会半透明,只能采取
<div class="main_in">XXXXXX</div>
<div class="bg"></div>

然后通过绝对定位把bg层以main为基准,由于内容层高度是不定的,这个时候就要用到jQuery去坐判断把半透明的bg层高度设置成内容层的高度就成了,
------解决方案--------------------
亲,你忘记 position:relative 了吗,在bg 和 main_in 上层 加个 position:relative 就不用定位了 嘿
探讨

楼上的方法只说了一半,
<div class="bg"><div class="main_in">XXXXXX</div></div>

这样如果bg半透明会导致内容层也会半透明,只能采取
<div class="main_in">XXXXXX</div>
<div class="bg"></div>

然后通过绝对定位把bg层以main为基准,由于内容层高度是不定的,这个时候就要……

------解决方案--------------------
探讨

引用:
在标准浏览器中设置透明的属性是opacity:0.5.

filter: Alpha(opacity:0.5);
是这样写吗?
但用了这个,结果字都看不到了。

------解决方案--------------------
遮盖住logo的 区域 设置背景为logo图片
同时设置 bg-position的位移
使得 区域的logo 和底下的logo看起来是一致的重叠的
------解决方案--------------------
受教了http://blog.sina.com.cn/u/2760399482