![](/img/trans.png)
[英]Div has image and text elements inside of it, I want the text to be centered absolutely in the center over the image
[英]Ignore mouseover of text centered over image inside div
我的文本以 div 内的图像为中心。
<div class="row">
<div class="col-md-4"><img src="dog.jpg" class="panel"><div class="panel-text">ONE ONE ONE</div></div>
<div class="col-md-4"><img src="dog.jpg" class="panel"><div class="panel-text">TWO TWO TWO</div></div>
<div class="col-md-4"><img src="dog.jpg" class="panel"><div class="panel-text">THREE THREE</div></div>
</div>
当图像被鼠标悬停时,图像被 CSS 变换放大:scale(1.2)
.panel:hover {
transform: scale(1.2);
}
我的问题是,如果 div 内的文本(以图像为中心)被鼠标悬停,则 .panel:hover 将被忽略并恢复正常状态。 如果文本被鼠标悬停,我如何忽略/禁用文本并保持转换:比例(1.2); 积极的?
现场演示https://vendbits.com/wp_gpl/
提前致谢。
您可以添加pointer-events: none;
到文本
.panel-text{
pointer-events: none;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.