ie6下用css来实现hover效果
2012-09-07 12:19
295 查看
<html> <head> <title>ie6下hover效果的实现</title> <style> /* IE6中如果a与a:hover的css定义是一样的,也就是说如果a:hover中没有样式的改变,hover就不会被触发 在a:hover中增加一些特定的属性,就可以修复此bug(随意增加,,只要不破坏你原来的页面布局即可,我用的是background-repeat) */ * { margin:0;padding:0;} a {display:inline-block;padding:10px; line-height:20px; margin:10px; border:1px solid gray;} a:hover { background:url('bg.png') red; background-repeat:no-repeat; /*add style to fixed ie6 hover bug*/} </style> <head/> <body> <br /> <a href="#">链接1</a> <a href="#">链接2</a> <a href="#">链接3</a> <a href="#">链接4</a> </body> </html>
相关文章推荐
- 【CSS实现hover动态效果】
- 纯CSS实现IE6下min-height和min-width效果
- CSS 实现边框浮动效果.半角与_Hover
- 纯CSS提示框的实现及其牵涉到的IE6下的a:hover问题。
- 用CSS来定义<p>标签,要求实现以下效果:字体颜色再IE6下为黑色,IE7下为红色,IE8下为绿色,其他浏览器下为黄色。
- 纯CSS实现背景半透明文字不透明效果兼容IE6
- CSS实现DIV感应鼠标Hover时的显示隐藏效果
- CSS实现浮动层效果更好!(IE6以上)
- css实现横向带箭头步骤流程效果兼容性ie6
- css实现了hover显示title的效果
- 用CSS实现的一页面内的多种HOVER的效果
- 用hover配合position(纯css)实现网页动态效果
- css实现设置表格hover样式
- css实现兼容性的渐变(gradient)效果
- CSS实现图片阴影效果
- 实用小技巧:用CSS和JavaScript就能实现的海报滤镜效果
- 用css实现孤形表格效果(转)
- css实现圆角效果的div,类似9宫格
- linear-gradiend CSS实现网页背景条纹效果