0

我目前将一些 img 设置为 height:0px;，当它的 ID 进入 :target 时，它的高度增加到一个最佳值。

如您所见，我一次只能看到一个 img，因为当其中一个处于目标位置时，另一个返回到 height:0px;

是否可以使 :target 属性的行为更像一个切换，以便我一次可以看到更多的 img？然后我认为我需要一个 :target 来使它们成为 height: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>

谢谢

4

0 回答 0