草庐IT

html - 悬停在滚动条上时下拉菜单消失

我正在尝试使用HTML和CSS制作一个可滚动的下拉菜单。但是,当您将鼠标悬停在滚动条上时,菜单会消失。我一直试图解决这个问题一段时间但没有结果。我猜它与CSS有关系。有什么想法吗?.dropdown{position:relative;display:inline-block;}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0px8px16px0pxrgba(0,0,0,0.2);z-index:1;height:auto;max-

html - 当输入集中在移动 safari 上时,页面底部出现不需要的填充

我在移动safari上使用文本区域,当文本区域聚焦时,视口(viewport)似乎在文档下方添加了填充。检查和选择区域时,它不会解析为元素,甚至不会解析为html节点。文本区域在屏幕上的位置或者它是否是绝对位置似乎并不重要,填充始终在其聚焦时存在。有时您必须向下滚动才能使其可见,但理想情况下根本不可能使其可见。我在下面添加了一个带有屏幕截图和代码的示例。有一个100%宽度和高度的封面,以显示文档的常规边界所在的位置,文本区域绝对位于正文的底部。不专心:重点(箭头指向不需要的填充):代码:html{background-color:gray;}body{width:100%;margin

javascript - 将鼠标悬停在列表项上时更改背景图像

如您在屏幕截图中所见,我有一个无序列表。现在这个列表的div有一个背景图片。我想要做的是每当我将鼠标悬停在列表项上时更改背景图像。请注意,每个元素都应将背景更改为不同的图像。我该怎么做呢?我只找到了如何更改为单个而不是多个图像的答案。这是截图。我已经将鼠标悬停在列表的第一项上。div的CSS:.body{display:block;float:left;background-image:url("bgdef.jpg");background-repeat:no-repeat;position:static;width:100%;height:auto;margin:0;}.menu{w

html - 将鼠标悬停在标签上时,鼠标指针变为手形

当我将鼠标悬停在HTML标签上时,鼠标指针会变为手形图像,这通常是我们在单击链接时看到的。我怎样才能避免这种情况? 最佳答案 在某些浏览器中您可能会看到手形光标的原因是,在大多数浏览器中标签元素的主要目的之一是为表单输入元素提供可点击的描述。例如,这是的典型用法。元素:Iagreetotheseterms在大多数浏览器中,这将导致文本“我同意这些条款”可点击。当您单击文本时,它将切换ID为TermAgreement的复选框。,就像您点击了复选框本身一样。(注意:TheW3CspecificationforinHTML5不需要此行为,

html - 当鼠标悬停在单个颜色上时,CSS 图像边框会发光

请问当用户将鼠标悬停在图像边框上时,我应该如何对图像边框应用不同颜色的光晕?就像在这个JSFiddle中说的那样文件,我有一个绿色拇指和一个红色拇指。我希望每个图像边框根据图像的颜色或我指定的任何颜色发光。我应该如何实现?PS**出于示例目的,图像在JSFiddle中转换为base64。这就是我在CSS中的做法img{width:16px;cursor:pointer;padding:10px;}img:hover{border-color:#66afe9;outline:0;-webkit-box-shadow:inset5pxrgba(0,0,0,.075),008pxrgba(1

html - 如何在鼠标悬停在 div 上时运行 javascript 函数

当用户将鼠标悬停在div标签上时,如何让Javascript函数运行?这是我的div标签:sometext 最佳答案 我假设您想在将鼠标悬停在“某些文本”上时显示欢迎信息。作为消息框,这将是:sometext作为工具提示,它应该是:sometext作为一个新的div,你可以使用:sometext您永远不应在元素的id中包含空格。 关于html-如何在鼠标悬停在div上时运行javascript函数,我们在StackOverflow上找到一个类似的问题: htt

html - 当我将鼠标悬停在表格中的文本上时,如何停止将光标更改为 I 栏?

我有一个HTML表格,我双击了其中的行。该表是只读的,除了一些领域。当我将鼠标悬停在不是的文本上时,如何才能使光标不会变为I栏?field?我收到了一些答案,但它们只是指向链接。有人可以给我一个fiddle的例子吗? 最佳答案 您可以使用一个名为cursor的CSS属性来指定当您滚动文本时光标将变成什么。您可以查看一些示例here.这是表格示例上的默认光标。FIDDLE. 关于html-当我将鼠标悬停在表格中的文本上时,如何停止将光标更改为I栏?,我们在StackOverflow上找到一

css - 仅当鼠标悬停在 div 上时显示滚动条

给定这个div:如何使滚动条仅在鼠标悬停在div上时可见?我不希望滚动条总是出现。Facebook的右上角就是一个例子。 最佳答案 您可以overflowhidden,直到鼠标悬停在上面,然后将其设置为自动。这就是我所做的...请注意,16像素的填充假定滚动条的宽度为16像素,并且在那里,因此当滚动条出现时,文本不会重新换行。div.myautoscroll{height:40ex;width:40em;overflow:hidden;border:1pxsolid#444;margin:3em;}div.myautoscroll:

javascript - 当鼠标位于固定 div 之上时滚动底层 div 的方法?

这个问题太长了,很难想出一个总结它的标题。所以无论如何。我有一个div有overflow:auto并且经常溢出所以滚动条出现。然后我有一个div,它有position:fixed并且位于内容div的顶部。现在,当我在html主体本身上有一个固定位置的div时,当我将鼠标放在div上时,我可以使用滚轮滚动文档。前面提到的div就没那么幸运了。有没有办法让div滚动到固定位置的那个?我注意到即使在固定的div上捕获滚动事件也不容易;除非固定的div本身是可滚动的,否则不会触发该事件。我做了一个简单的jsFiddlehere为了您的方便,我删除了所有我尝试过的JavaScript。编辑:我需

javascript - 悬停在复选框上时如何显示一些信息?

按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭9年前。我有几个复选框。当我将鼠标悬停在这些复选框上时,我想显示一些属于这些复选框的信息。我如何使用JS或JQuery来实现?假设这是我的复选框我想向用户显示“HelloUser或值‘星期一’或我的数据库中的一些数据。如何?