123得票21回答
禁用移动浏览器上的悬停效果

我正在开发一个网站,旨在供台式机和平板电脑使用。当从台式机访问时,我希望屏幕上的可点击区域会呈现出:hover效果(不同的背景颜色等)。但是对于平板电脑,则没有鼠标,所以我不想有任何:hover效果。 问题在于,当我在平板电脑上轻触某个东西时,浏览器显然有某种“隐形鼠标光标”,它将光标移动到...

106得票6回答
如何使用Chrome网页检查器查看悬停代码

使用Chrome的网页检查器查看代码非常有用。但是如何查看例如按钮的悬停代码?您必须将鼠标悬停在按钮上,因此无法在检查器中使用它(鼠标)。是否有快捷键或其他方法可以在检查器中完成这项工作?

99得票10回答
当鼠标悬停时改变div背景颜色

我想让鼠标悬停时的背景颜色改变。   div {background:white;}   div:hover {background:grey; width:100%; display:block; text-decoration:none;} 只有在内部的链接才会获得背景颜色。...

98得票7回答
如何使用JavaScript更改CSS属性

我希望用JavaScript更改类的CSS属性。实际上我想要的是当一个被悬停时,另一个应该变成可见状态。 .left, .right { margin: 10px; float: left; border: 1px solid red; height: 60px; w...

97得票3回答
如何在CSS中延迟:hover效果?

有没有一种方法可以延迟:hover事件而不使用JavaScript?我知道有一种延迟动画的方法,但我还没有看到任何关于延迟:hover事件的内容。 我正在构建一个类似于son-of-suckerfish的菜单。我想模拟hoverIntent的效果,而不添加额外的JavaScript代码。我更...

94得票7回答
CSS:悬停在一个元素上,对多个元素产生影响吗?

我正在寻找解决鼠标悬停问题的方法。<div class="section"> <div class="image"><img src="myImage.jpg" /></div> ...

94得票14回答
悬停时图像移动 - Chrome 不透明度问题

我的页面似乎有问题: http://www.lonewulf.eu 当鼠标悬停在缩略图上时,图像会向右移动,这只会在Chrome浏览器上发生。 我的css:.img{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opa...

88得票5回答
如何在CSS中制作图像上的覆盖层?

我想实现类似这样的效果: 当我悬停在图像上时,我想在该图像上放置这种带有文本和图标的黑色颜色。 我卡在这里了。我找到了一些教程,但它们对这种情况没有用。另外一个问题是 - 每个图像的高度都不同。宽度始终相同。 如何实现这种效果?

87得票10回答
如何在悬停时显示图像上的文本?

我想在鼠标悬停在图像上时显示其描述。我已经使用图像精灵和悬停来完成了不太理想的方式,如下所示:我希望它看起来与我所拥有的完全相同,但是使用真实文本而不是图像。 我尝试了几种不同的方法,但似乎无法弄清楚如何做到这一点。我正在尝试仅使用HTML和CSS来完成,但我不确定是否可能。 请随意查看我...

84得票22回答
使用CSS/HTML在悬停时更改图像

我遇到了一个问题,当鼠标悬停时,我已经设置了一张图片来显示另一张图片,但是第一张图片仍然出现,新的图片没有改变高度和宽度,重叠在另一张图片上。 我对HTML/CSS还是很新手,可能错过了一些简单的东西。 这是代码:<img src="LibraryTransparent.png" id=...