在文本链接上显示图像仅覆盖CSS

前端之家收集整理的这篇文章主要介绍了在文本链接上显示图像仅覆盖CSS前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个文本链接.当用户悬停在文本链接上时,我想要一个图像显示页面的其他位置.我想使用css这样做.我以为可以简单地使用链接中的一行代码,就像一个onmouSEOver,但是似乎需要页面其他代码的其他代码.

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

当我尝试搜索这个但我没有一个是我想要的时候,我看到数百个结果.我发现最近的事情就是这样.

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

但是,在缩略图上悬停着.我只想让用户将鼠标悬停在单个文本链接上,以便在其他位置的页面显示图像.我发现画廊从这个线程:Pop up image css link on hover

我不想处理任何jquery或太多的脚本,因为我更熟悉css.有没有人知道一个简单的方法来做到这一点,还是还没有办法,甚至没有为css3所做的所有改变?

谢谢!

解决方法

CSS不可能调用其他元素,您需要使用JavaScript来覆盖小孩或兄弟选择器.

你可以尝试这样的东西:

<a>Some Link
<div><img src="/you/image" /></div>
</a>

然后…

a>div { display: none; }
a:hover>div { display: block; }

猜你在找的CSS相关文章