注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

Aramey

前端开发

 
 
 

日志

 
 
 
 

【转载】firefox(火狐)hover状态下,元素内opacity的bug  

2014-02-21 17:59:01|  分类: 前端开发 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
firefox(火狐)hover状态下设置了opacity属性的话,触发事件时图片会动
firefox(火狐)hover状态下,元素内opacity的bug - Elten - 不就是那点事儿

 如图所示

上图为静止状态

下图为hover状态带opacity属性,可以看到hover状态下图片右上方向左缩进1px。

HTML

<a><img src="test.jpg" /></a>

CSS

a:hover img { opacity:.9 }

解决方法:

img{box-shadow: #000 0 0 0} or {-moz-backface-visibility: hidden}

来源:https://bugzilla.mozilla.org/show_bug.cgi?id=745446




  评论这张
 
阅读(278)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017