如何从图像而不是文本中删除 Link 悬停?
How Do I Remove Link Hover From Images But Not Text?
我正在编辑 Tumblr 主题,我有一个非常简单的问题,这是链接的代码
a {
color:#000000;
text-decoration:none;
}
a:hover {
color:#000000;
background:#ffffb3;
text-decoration:none;
}
我希望它仅适用于文本,但是当您将鼠标悬停在照片集上的图像上时,背景也会变成黄色
Screenshot: hover on photo, it becomes yellow
这是图片的代码
img {
border:0;
text-decoration:none;
max-width:100%;
height:auto;
display:block;
background-color: none;
}
请帮忙,提前致谢
将此 CSS
添加到您的代码中。
img:hover{
background-color:tranparent;
}
请在下方添加CSS
.photo-data a.tumblr-box:hover {
background: transparent;
}
这应该可以工作:
.tumblr-box:hover {
background: transparent;
}
但请确保 class .tumblr-box
出现在每张图片缩略图上,而不是文字上。
a.tumblr-box:hover { background: transparent; }
您想突出显示哪个文本?
我正在编辑 Tumblr 主题,我有一个非常简单的问题,这是链接的代码
a {
color:#000000;
text-decoration:none;
}
a:hover {
color:#000000;
background:#ffffb3;
text-decoration:none;
}
我希望它仅适用于文本,但是当您将鼠标悬停在照片集上的图像上时,背景也会变成黄色
Screenshot: hover on photo, it becomes yellow
这是图片的代码
img {
border:0;
text-decoration:none;
max-width:100%;
height:auto;
display:block;
background-color: none;
}
请帮忙,提前致谢
将此 CSS
添加到您的代码中。
img:hover{
background-color:tranparent;
}
请在下方添加CSS
.photo-data a.tumblr-box:hover {
background: transparent;
}
这应该可以工作:
.tumblr-box:hover {
background: transparent;
}
但请确保 class .tumblr-box
出现在每张图片缩略图上,而不是文字上。
a.tumblr-box:hover { background: transparent; }
您想突出显示哪个文本?