Hyperlink 链接滚动以更改背景图像
在滚动链接时有没有办法改变背景?我正在制作一个学位展示网站,希望在你翻滚人名链接时背景中出现一个大样本图像。我有一个图像出现,但它覆盖了所有的文本,并在链接的固定位置。有没有办法做到这一点,它只是改变了背景图像,并留在页面上的所有其他文本后面 这就是我的工作Hyperlink 链接滚动以更改背景图像,hyperlink,hover,background-image,rollover,Hyperlink,Hover,Background Image,Rollover,在滚动链接时有没有办法改变背景?我正在制作一个学位展示网站,希望在你翻滚人名链接时背景中出现一个大样本图像。我有一个图像出现,但它覆盖了所有的文本,并在链接的固定位置。有没有办法做到这一点,它只是改变了背景图像,并留在页面上的所有其他文本后面 这就是我的工作 #hover_img img { display:none; } #hover_img:hover img { display:block; position:absolute; top:0px; padding-top:0px; }
#hover_img img
{
display:none;
}
#hover_img:hover img
{
display:block;
position:absolute;
top:0px;
padding-top:0px;
}
html
链接
谢谢
**小提琴**将z索引:-1添加到悬停图像:
#hover_img:hover img
{
display:block;
position:absolute;
top:0px;
padding-top:0px;
z-index: -1;
}
您可以通过将文本放在与图像元素相邻的另一个元素中来实现这一点。绝对定位元素将占据其相邻元素的主导地位,一种方法是为后续元素的“位置”属性指定一个值 下面是我准备的一个JSFIDLE:
您的html中有一个错误。你从开始到结束。还有一个div,抱歉忘了添加它!只是editedOk,但现在a标签的开头不见了:不。它在通常的背景图像后面。。除了翻滚,还有一个随机的背景图像!它出现在文本的位置,我希望它出现在整个页面上-顶部,左侧,0px@aaron_m12345有没有一种方法可以发布背景图像的html和css,也许是一个好消息,因为我使用的是我发现的另一个奇特的随机图像脚本,可能太复杂了。我们走了,谢谢@aaron_m12345我已清理的小提琴中有几个错误:。现在显示的图像填充整个背景并覆盖文本。这就是你想要的效果,除了文本是可见的吗?谢谢你,我的其他代码根本不起作用。然后它仍然覆盖了所有其他文本。谢谢你的帮助!
#hover_img:hover img
{
display:block;
position:absolute;
top:0px;
padding-top:0px;
z-index: -1;
}