Question

我一直在网站上看到60-80％的不透明度。他们看起来很酷，但我不确定他们为什么这样做。它是Javascript，还是图像？如何更改表格的不透明度？

Answer 1

你可以在CSS中完成它，但它需要一点点黑客才能让它跨浏览器工作。

selector {
    filter: alpha(opacity=50); /* internet explorer */
    opacity: 0.5;           /* fx, safari, opera, chrome */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; /*IE8*/
}

Answer 2

IE使用语法过滤器：alpha（opacity = 80），其中较低的值使元素更透明，而Mozilla使用-moz-opacity：0.8，其中较低的值对透明度具有相同的影响。 CSS3有效语法不透明度相同：0.8;

所以这些是你需要的三个CSS属性。

滤波器：α（不透明度= 80）; // IE
     不透明度：0.8; // CSS3

-moz不透明度：0.8; // Mozilla的

Answer 3

可以在CSS中指定不透明度，但并非所有浏览器（特别是较旧的IE）都支持

Answer 4

您还可以创建一个1x1像素的32位PNG图像，例如一个具有所需不透明度的黑色正方形。然后在你的CSS中你可以做...

element
{
    background: url(/Images/Transparent.png) repeat;
}

这样你可以避免所有不同的黑客攻击。您可能在IE6中遇到Alpha透明度问题，但也有办法解决这个问题

Answer 5

它可以两种方式完成，我更喜欢alpha透明的png文件作为背景。在桌面上执行alpha操作也会使实际内容变为半透明。请参阅css值的其他答案。

Answer 6

如果您想要一个广泛的“跨浏览器”解决方案，除了IE6（完全弃用），这将始终有效：

div {
    background-image: url('opacity.png');
}

“opacity.png”为1px x 1px透明PNG24

它会为您的服务器生成一个额外的请求，但在大多数情况下，它是完全可以承受的。

网页不透明？

6 个答案: