单击时更改输入不透明度

Question

出于某种原因：有效标签不会使按钮消失或变为不透明度0.0任何想法？

＆＃13;

＆＃13;

'get_attribute'

＆＃13;

#button1 {
  height: 50px;
  width: 250px;
  position: absolute;
  left: 300px;
  top: 500px;
  opacity: 0.6;
}
#button1:hover {
  width: 270px;
  height: 60px;
}
#button1:visited {
  width: 0px;
  height: 0px;
  opacity: 0.0;
}

＆＃13;

＆＃13;

＆＃13;

Answer 1

在没有JavaScript的情况下执行此操作的一种方法是使用CSS目标。首先，为您的链接提供id属性：

<a id="test" href="#test">
  <input type="image" id="button1" src="http://placekitten.com.s3.amazonaws.com/homepage-samples/200/138.jpg" />
</a>

接下来，您将在CSS中定位该ID：

#test:target {
  display: none;
}

Answer 2

您不能在除链接之外的任何内容上使用被访问的选择器。即使您已将输入包装在锚标记中，但尝试使用被访问的选择器选择它仍然无法工作。

您可以使用＃Button1：active来代替或给锚元素一个id并使用#anchorTagID：visited