在不同的浏览器中设置html元素的不透明度 [英] Setting opacity of html elements in different browsers

问题描述

我需要在所有浏览器的JavaScript中设置HTML <img src=""/>对象的不透明度.

I need to set an HTML <img src=""/> object's opacity in JavaScript in all the browsers.

在Firefox中，我使用以下代码行:

In Firefox I do it with line:

imageobject.style.MozOpacity=opacity/100;

在不同的浏览器中设置元素的不透明度的正确javascript代码是什么?

What is the proper javascript code to set the opacity of an element in different browsers?

推荐答案

img.style.opacity = .5; //For real browsers;
img.style.filter = "alpha(opacity=50)"; //For IE;

您无需嗅探用户代理，只需设置两个值，因为浏览器将忽略不相关的值.

You don't need to sniff the user agent, just set both values as browsers will ignore the irrelevant one.

这篇关于在不同的浏览器中设置html元素的不透明度的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！