我有一个文本链接.当用户悬停在文本链接上时,我想要一个图像显示在页面的其他位置.我想使用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; }