css怎么同時讓重疊的兩個div在鼠標放上時被選中?
你試試這個是不是你要的效果,兩個元素父子關系,鼠標經過,分別改變父子的高度、寬度。如果這個不是你要的,你可以嘗試js,肯定能實現。
<style> .box{ position: relative; width: 200px; height: 200px; background: #f00; transition: all ease 0.5s} .box2{ position: absolute; width: 200px; height: 200px; background: #ff0; opacity: 1 } .box1:hover{ height: 500px; } .box1:hover .box2{ width: 500px; } </style>
<div class="box box1">
<div class="box box2">
</div>