我在寻找一种方法来解决我的悬停问题.
<div class="section">
<div class="image"><img src="myImage.jpg" /></div>
<div class="layer">Lorem Ipsum</div>
</div>
现在,图像和图层这两个类都有边界.两者对于正常和悬停都有不同的 colored颜色 . 有没有办法让我悬停Layer类,那么Layer类和Image类悬停边框 colored颜色 都是活动的?反之亦然?
我在寻找一种方法来解决我的悬停问题.
<div class="section">
<div class="image"><img src="myImage.jpg" /></div>
<div class="layer">Lorem Ipsum</div>
</div>
现在,图像和图层这两个类都有边界.两者对于正常和悬停都有不同的 colored颜色 . 有没有办法让我悬停Layer类,那么Layer类和Image类悬停边框 colored颜色 都是活动的?反之亦然?
为此,您不需要JavaScript.
一些CSS会这样做.下面是一个例子:
<html>
<style type="text/css">
.section { background:#ccc; }
.layer { background:#ddd; }
.section:hover img { border:2px solid #333; }
.section:hover .layer { border:2px solid #F90; }
</style>
</head>
<body>
<div class="section">
<img src="myImage.jpg" />
<div class="layer">Lorem Ipsum</div>
</div>
</body>
</html>