gpt4 book ai didi

javascript - 鼠标悬停显示div

转载 作者:可可西里 更新时间:2023-11-01 12:52:32 24 4
gpt4 key购买 nike

我没能在任何地方找到这个问题的答案。

当鼠标悬停在隐藏的 div 上时,如何使它出现?请不要告诉我如何建立链接,我知道如何建立链接;)

我试过:a.) onmouseover 将可见性设置为可见,onmouseout 将可见性设置为隐藏这适用于 0 个浏览器

b.) 将边框设置为 0px,背景透明,将 innerhtml 设置为 ""onmouseout 并恢复 onmouseover这适用于 chrome

c.) 这是互联网上最流行的答案,我知道这是行不通的,但我还是尝试了:将容器 div 设置为可见,然后为内部 div 设置 visibility visible 和 visibility hidden

d.) 将不透明度设置为 1/100 和 0在 Chrome 中工作

e.) 不得已:我尝试制作一个透明的 gif 并让它在鼠标移出时显示这也失败了

我没有尝试过 jquery 的 .hover,但我读到它可能无法正常工作。

我没有别的想法。请有人帮忙吗?

最佳答案

如果我做对了,您希望 div 元素在鼠标悬停时显示,并在鼠标未悬停时隐藏。如果是这样,您只能使用 html 和 css 来完成:

<head>
<style>
#outerDiv{width:100px;height:100px;background-color:blue;}
#innerDiv{width:100px;height:100px;background-color:red;display:none;}
#outerDiv:hover #innerDiv {display:block;}
</style>
</head>
<html>
<div id="outerDiv">
<div id="innerDiv">some text</div>
</div>
</html>

外层 div 总是可见的,当它悬停时显示内层。

关于javascript - 鼠标悬停显示div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8749245/

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