点击更改部分不透明度？答案

【问题标题】：Change section opacity onclick?点击更改部分不透明度？
【发布时间】：2026-02-25 02:00:02
【问题描述】：

我正在尝试在单击 div 时使用 javascript 更改 a 的不透明度。

这是我的html：

<section id="section2">
<img onclick="one()" class=img src="1.png" />
</section>
<section id="6-1">
    Hello World
</section>

还有我的javascript：

function one() {
    document.getElementById('6-1').style.opacity = '1';
    document.getElementById('section2').style.opacity = '0';
}

由于某种原因，它不起作用

谢谢！

【问题讨论】：

你测试的是什么浏览器？
你的css是什么样的？
ID 以数字开头是无效的，除了它工作得很好 -> FIDDLE
在使用 opacity 时，应尽量寻找跨浏览器兼容性。因此，IE 9+ 和大多数现代浏览器使用 opacity=1，IE8- 使用 filter='alpha(opacity=100)'，其他浏览器使用 -moz-opacity=1 和 -khtml-opacity=1。

【解决方案1】：

就像 ModernDesigner 所说，引用您的属性并更改您的 id 以不以数字开头，但除此之外，我仍然无法弄清楚您的问题。但是现在你可以使用 jQuery 来让它工作。

这里有一个Fiddle，每次点击它都会切换它，希望对您有所帮助

它一直说函数没有定义，所以也许你有一些不正确的语法或什么的。现在虽然我使用了 jQuery 的 .click() 函数而不是 onClick=，因为它不起作用。

【讨论】：

【解决方案2】：

尝试设置不带''的值，如下所示：

document.getElementById("section2").style.opacity = 1;

对我来说效果很好。

【讨论】：