gpt4 book ai didi

css - 带有 :hover 的元素上的透明图像

转载 作者:行者123 更新时间:2023-11-28 09:52:49 30 4
gpt4 key购买 nike

是否有可能将部分透明的背景/图像(带阴影的 png Logo )定位在(使用更高的 z-index 或以其他方式)某些元素(菜单)上,而顶部图像( Logo )不会干扰:hover 部分覆盖元素(菜单)的行为?

目前我有一个带有覆盖菜单的背景图像( Logo )的 div,因此菜单元素永远不会获得任何 :hover 触发器(也无法单击)。我希望 div 按现在的样子显示,但所有与鼠标相关的点击和悬停事件都会通过 div 传递到菜单,就好像菜单在顶部一样。

最佳答案

pointer-events: none是 CSS 提供的答案。

浏览器支持:http://caniuse.com/pointer-events (适用于除 IE10 及更早版本以外的任何地方)

参见: http://jsfiddle.net/7D5Jt/

如果浏览器对 pointer-events 的支持 Not Acceptable ,您将不得不使用 JavaScript。

关于css - 带有 :hover 的元素上的透明图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6478793/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com