gpt4 book ai didi

html - 让悬停和其他效果起作用

转载 作者:行者123 更新时间:2023-11-28 11:08:13 27 4
gpt4 key购买 nike

我无法让悬停或其他效果正常工作。我的代码的哪一部分不正确?

CSS

#nav a {
display: block;
width: 180px;
height: 150px;
background-image: url(https://bboard.mcckc.edu/bbcswebdav/pid-1284576-dt-content-rid-6702240_1/courses/1141_PV_1_CSIS_128_13995/css-sprites.jpg);
background-repeat: no-repeat;
}

#nav a {
background: url ('https://bboard.mcckc.edu/bbcswebdav/pid-1284576-dt-content-rid-6702240_1/courses/1141_PV_1_CSIS_128_13995/css-sprites.jpg') 0 0;
}

#nav a:hover {
background: url ('https://bboard.mcckc.edu/bbcswebdav/pid-1284576-dt-content-rid-6702240_1/courses/1141_PV_1_CSIS_128_13995/css-sprites.jpg') 0 -39px;
}

#nav a:active {
background: url ('https://bboard.mcckc.edu/bbcswebdav/pid-1284576-dt-content-rid-6702240_1/courses/1141_PV_1_CSIS_128_13995/css-sprites.jpg') 0 -83px;
}

HTML

<body>
<a href="http://www.mcckc.edu"><img src="https://bboard.mcckc.edu/bbcswebdav/pid-1284576-dt-content-rid-6702240_1/courses/1141_PV_1_CSIS_128_13995/css-sprites.jpg" /></a>
</body>

最佳答案

您的 css 正在寻找名为 nav 的 id 中的 a 标记,但您的 html 中没有。改成

<div id="nav"><a href="http://www.mcckc.edu"><img src="https://bboard.mcckc.edu/bbcswebdav/pid-1284576-dt-content-rid-6702240_1/courses/1141_PV_1_CSIS_128_13995/css-sprites.jpg" /></a></nav>

您还试图更改 a 的背景,但您在 a 中有一个图像标签。你应该把所有的东西都做成背景图片

关于html - 让悬停和其他效果起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22134402/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com