小编use*_*023的帖子

仅显示文本链接悬停CSS上的图像

我有一个文字链接.当用户将鼠标悬停在文本链接上时,我希望图像显示在页面的其他位置.我想用css做这个.我认为可以通过链接中的单行代码完成,就像onmouseover一样,但似乎需要页面上其他地方的其他代码.

我尝试使用a:hover与我想要显示的图片作为背景图片,但我不认为它可以被操纵以完整显示而不是被剪裁到文本链接的大小.

当我尝试搜索这个时,我看到了数百个结果,但它们都不是我想要的.我发现的最接近的是这个.

http://www.dynamicdrive.com/style/csslibrary/item/css-image-gallery/

但是这种方法是将鼠标悬停在缩略图上.我只是希望用户将鼠标悬停在单个文本链接上,以便在其他位置的页面上显示图像.我从这个帖子中找到了这个画廊:在悬停时弹出图像css链接

我不想处理jquery或脚本太多,因为我对css更熟悉.有没有人知道一个简单的方法来做到这一点,或者仍然没有办法,甚至没有对css3进行所有更改?

谢谢!

css image hyperlink onmouseover hover

15
推荐指数
2
解决办法
12万
查看次数

标签 统计

css ×1

hover ×1

hyperlink ×1

image ×1

onmouseover ×1