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

html-css071

用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 秒内切换这两种状态，看起来就是闪烁了。

可能是因为...你写的js要加载完整个页面才开始运行....所以页面加载过select之后...后面还有一些内容..等这些内容加载完之后js开始, 时间会很短...顺便问下...既然用js模拟了..为什么还要用原版的select..直接用div li之类的标签模拟不是更好吗? 而且还不会又问题...改起来更自由一些