我如何使用一个文件中的图标创建一个链接(a href
),在悬停时它应该从另一个文件(相同位置)获取图标并在点击时从第三个文件获取图标?
这是只使用一个图标的 CSS:
width: 16px;
height: 16px;
background-image:
url(images/ui-icons_222222_256x240.png);
background-position: -32px -128px;
最佳答案
您所要做的就是为链接的不同状态定义样式:
a:link,a:visited { /* for regular non-hovered, non-active link styles */
width: 16px;
height: 16px;
background-image:
url(images/defaultStateImage.png);
background-position: -32px -128px;
}
a:hover { /* for hover/mouse-over styles */
url(images/hoverStateImage.png);
background-position: -32px -128px;
}
a:active { /* for click/mouse-down state styles */
url(images/clickStateImage.png);
background-position: -32px -128px;
}
关于jquery - 如何使用来自不同图像文件的一个图标?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8047684/