css - ie6推拉门问题翻车

Question

我有一个<a>标签，它使用 css 滑动门技术来显示翻转状态

a.task_link {
width:220px;
height:241px;
float:left;
position:relative;
margin-right:20px;
display:block;
text-decoration:none;



}


a#task  {
    background:url(/images/task.jpg) no-repeat;

    }

a#_task:hover {
    background: url(/images/task.jpg) -220px 0px no-repeat;

    }

问题在于 ie6 我得到背景图像的闪烁/闪烁，有什么解决办法吗？

谢谢，

J。

Answer 1

添加position:relative或zoom:1或overflow:hidden或将触发布局而不破坏可用性的东西。