-transform:悬停时引起“闪烁”的标度
||
我正在使用css -transform属性在悬停时缩放每个\'watch \'的目录。
这是我的问题:在某些浏览器和某些站点上,当您将鼠标悬停在色板上时,它会导致页面“闪烁”。我也无法确定问题所在,在一个网站上它可能是Safari独有的,在另一个网站上可能仅在Chrome中发生,在另一个网站上就很好。
希望我能获得更多信息,但也许其他人也遇到了类似的问题。
.swatch {
-webkit-box-shadow: #EFEFEF 2px 2px 0px;
-webkit-transform: scale(1);
-webkit-transition-duration: 0.2s;
border: 1px solid white;
position: relative;
z-index: 1;
.swatch:hover {
position:relative;
z-index:10;
transition-duration: 0.2s;
transform:scale(1.8);
-webkit-transition-duration: 0.2s;
-webkit-transform:scale(1.8);
}
似乎也可以通过删除任何z-index属性来解决此问题,但随后,悬停色板位于其他色板的后面;这不适用于该项目。
任何想法表示赞赏。
没有找到相关结果
已邀请:
7 个回复
香腔弥胯瓤
到令人反感的元素(在您的情况下为
)。 但是,请在较旧版本的Chrome和Safari中对其进行测试,以确保它不会破坏其他任何功能。以我的经验,Safari 4并不是特别喜欢。
拈吉勉犬姆
类上(而不是
上):
勘掸府迫路
更改为
,和/或指定位置属性(
,
。 不知道它是否会工作,只是将它扔在那里。
碉罕城爸
http://dinolatoga.com/2009/09/18/amazing-imag-hover-effects-with-webkit-and-css/
拟僚疽刊剔
寇剩
魄龟呸筹