要如何将div盖住的背景显示出来

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

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

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

页面都是用div写的,

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

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

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

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

谢谢!

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

探讨

谢谢回答!

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

[解决办法]
把你的ＨＴＭＬ的简化源码帖出来吧
不知道你为什么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 

 

查看更多 下一篇