实现纯CSS显示/隐藏的最简单方法是什么？
|
我发现了html5的ѭ0元素，这使我想确定是否有可能仅通过CSS来实现简单且可重复使用的show / hide。
过去，我已经创建了一个显示/隐藏机制来显示和隐藏内容，方法是给两个元素一个相对的位置，给一个元素一个负的z-index，然后在悬停时减小前一个元素的z-index（并增加z-index悬停时返回元素的元素）。
但是，该方法仅适用于相同位置的元素。还有其他技术可以模拟不重叠元素上的显示/隐藏吗？例如导致显示一部分描述性文字的标题。
我希望能够将show / hide应用于以下示例代码：
<div id=\'container\'>
<h3 id=\'show-hide-trigger\'>summary</h3>
<p id=\'show-hide-text\'>Paragraph of detail text paragraph Paragraph of detail text paragraph Paragraph of detail text paragraph Paragraph of detail text paragraph</p>
</div>
没有找到相关结果
已邀请:
4 个回复
乏摩纶誊伟
相邻兄弟选择器通用同级选择器后代选择器儿童选择器 这些可以与类/ id /伪选择器（如等）组合在一起，并创建大量的选项列表。 这是我进行展示的一个小演示：http://jsfiddle.net/gaby/8v9Yz/嗓瑰
#show {display:none ; } #hide {display:block;} #show:target {display: block; } #hide:target {display: none; }昧伎
或声明又有什么问题呢？a #myelement{display:none;} a:hover #myelement{display:block;}森含械
<a class=\"blah\" href=\"#\">Hello<span>Test</span></a> a.blah {position:relative} a.blah span {position:absolute;top:50px;left:50px;display:none;} a.blah:hover span {display:block;}