css精灵和hover伪类的联合使用
2016-09-29 17:38
344 查看
效果如下：
鼠标 放上前：
鼠标放上后：
代码如下：
鼠标 放上前：
鼠标放上后：
代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style type="text/css">
.sun{
width: 200px;
height: 274px;
background: url("img/timg.jpg") no-repeat;
}
.sun:hover{
background: url("img/timg.jpg") no-repeat -200px;
}
</style>
</head>
<body>
<div class="sun">
</div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- csshover.htc在IE7下使用:active伪类无效解决方法
- csshover.htc在IE7下使用:active伪类无效的原因
- IE中中CSS伪类:hover的使用及其BUG
- IE中伪类:hover的使用及BUG，以及如何在IE6中进行修正（CSS）
- CSS伪类:hover 在IE中使用及其BUG
- 联合使用 CSS、JavaScript 和 JSF 精心打造 Ajax 应用程序，第 2 部分: 动态 JSF 表单
- IE6下链接伪类（:hover）CSS背景图片有闪动BUG
- IE中伪类hover的使用及BUG
- IE中伪类hover的使用及BUG
- 联合使用 CSS、JavaScript 和 JSF 精心打造 Ajax 应用程序，第 2 部分
- csshover.htc 以及简单使用方法（解决IE6下 :hover 在其他标签下无效问题）
- 链接伪类（:hover）CSS背景图片有闪动BUG及解决方案
- IE中伪类:hover的使用及BUG
- IE6中a：hover的CSS伪类无效
- CSS伪类及伪元素的知识和使用
- css伪类:nth-child(an+b) 使用说明
- CSS中伪类的使用
- css---hover伪类在ie6下的处理方式
- IE中伪类:hover的使用及BUG
- 简单了解学习CSS的伪类(特别是hover,actived)