Question

所以我有一个div，其中包含一个包含许多输入字段的表单。

如果单击某个按钮，所有输入字段都将被禁用，并且这些输入字段的不透明度应更改为0.2左右。

此外还会弹出一个图像，（style.display设置为none，现在onclick设置为block）因此，元素的不透明度会被完全禁用如果背景中有输入字段，则弹出的图像中的onclick不起作用。

有没有办法不共谋消失输入字段但仍然能够按每个像素的图像？

<div><img id="i" style="display:none" onclick=dothis(event) src="dsds.png" /></div>
<div id="d"><input id="c" onclick="dis()" type=button value="hey"><input id="f" type=text ></div>

<script>

function dis(){
document.getElementById("i").style.display="block";
document.getElementById("d").style.opacity="0.2";
document.getElementById("c").disable=true;
document.getElementById("f").disable=true;
}

Answer 1

要在点击时更改不透明度，您可以使用jquery，如下所示：

＆＃13;

$(document).ready(function() {
  $("#button").click(function(){
    $("#content_to_fade").css('opacity', '0.2');
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<div>
	<p id="content_to_fade">Test</p>
	<button id="button">Button</button>
</div>

＆＃13;

如何正确更改背景不透明度

1 个答案: