用CSS做了一个鼠标经过弹出一个图片，结果图片一直闪烁，求告知是不是哪里写错了？要怎么改？

html-css066

用CSS做了一个鼠标经过弹出一个图片，结果图片一直闪烁，求告知是不是哪里写错了？要怎么改？,第1张

left:100px去掉就好了，可以用float之类的做，然后width里面加一点宽度，float:left 或者right一般就能定位了。

用类似mouseover 的也能做。类似下面这种，希望对你有启发。

<a href="#" target="_blank" title="">

    <img src="1.jpg"

         onmouseover="this.src='2.jpg'"

         onmouseout="this.src='3.jpg'">

    </img>

</a>

@-webkit-keyframes twinkling{

  0% {

      opacity: 0 

  }

  100% {

      opacity: 1 

  }

}

#110 {

    -webkit-animation: twinkling 1s infinite ease-in-out 

}

参考如上。

稍微解释一下，定义两个状态，一种状态下透明度为 0%，另一种状态下透明度为 100%，无限次地在 1 秒内切换这两种状态，看起来就是闪烁了。

hover闪烁是Ie6的bug。复制代码代码如下放到</head>前面: 

<!–[if IE 6]> 

<script type="text/javascript"> 

document.execCommand("BackgroundImageCache", false, true) 

</script> 

<![endif]–>