我目前正在设置一些img设置为高度:0px;,当它的ID进入时:目标其高度增加到最佳值。
正如你所看到的,我一次只能看到一个img,因为当其中一个在目标中时,另一个返回到高度:0px;
是否可以使:target属性更像是一个切换,这样我一次可以看到更多的img? 然后我认为我需要一个:目标来使它们高度:0px;试。
示例代码:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style type="text/css">
img{
height:0px;
}
:target{
height:200px;
}
</style>
</head>
<body>
<a href="#img1">img1</a>
<a href="#img2">img2</a>
<a href="#img3">img3</a>
<img id="img1">
<img id="img2">
<img id="img3">
</body>
</html>
由于