CSS3不透明度转换问题

我一直在合并CSS3转换的网站上工作，我遇到了轻微的困难。CSS3不透明度转换问题

每当我将鼠标悬停在已应用的元素上时，先前div中的文本会模糊并在转换完成后恢复正常。它在Chrome和Safari中运行良好，但运行与Firefox的问题。

我重新这里的问题：http://jsfiddle.net/fkbc6/

过渡目前应用于列表项，这显然是行不通的。我也尝试将其应用于图像，但无济于事。

任何帮助将不胜感激，因为我都没有想法。

来源

2012-04-19 carlh

http://jsfiddle.net/fkbc6/2/

这个错误是你申请的CSS具有0.5负度变换（什么purpouse？）和Firefox重新渲染所有的字体以一种不可思议的方式，因为样式（在CSS应用两次顺便说一句）是在例如顶部的div

#wepartner { 
    overflow:auto; 
    margin:70px auto 70px auto; 
    padding-top:80px; 
    background:#F6F6F6; 
    background:rgba(0,0,0,0.02); 
    padding:80px 50px 50px 50px; 
    -moz-transform:rotate(0.5deg); 
    -webkit-transform:rotate(0.5deg); 
    -o-transform:rotate(0.5deg); 
    -ms-transform:rotate(0.5deg); 
    transform:rotate(0.5deg) 
} 
#wepartner .content { 
    -moz-transform:rotate(-0.5deg); 
    -webkit-transform:rotate(-0.5deg); 
    -o-transform:rotate(-0.5deg); 
    -ms-transform:rotate(-0.5deg); 
    transform:rotate(-0.5deg) 
}

一旦取消一切应该只是罚款

编辑：哇，其实你施加两个具有相同的价值和不同的方向旋转，要小心使用Ctrl-C按Ctrl-V：P

编辑2：可能这个链接可以帮助你http://petermolnar.eu/linux-tech-coding/ie8-css-filter-matrix-cleartype-font-bug-fix/

来源

2012-04-19 13:46:21

嘿大卫，你的帮助欢呼。正向旋转仅用于文体目的应用于父div（#wepartner）。其子div（.content）的负向旋转是为了抵消锯齿状伪影（原始旋转过程中发生的）并将文本和图像设置回其原始方向。我看到这可以解决这个问题，但无论如何要保持div的轮换没有这些问题？ – carlh 2012-04-19 14:01:30

当您将CSS应用于元素时，您也将其应用于其子元素。我尝试将0deg应用于.content转换，因为负面转换不会反应，但就像您要求向直线div添加负向旋转一样。也试图把一个没有价值的变换，但不起作用。更多信息：https://developer.mozilla.org/en/CSS/transform 我刚编辑我的答案添加新的链接 http://petermolnar.eu/linux-tech-coding/ie8-css-filter -matrix-cleartype-font-bug-fix/ – 2012-04-19 14:15:53

感谢您的链接David。怕我仍然无法工作。即使将单个变换添加到父级，但没有给孩子，我似乎仍然在悬停期间出现渲染问题。这可能是一个浏览器错误，或者是我的CSS中可能导致它的东西吗？ – carlh 2012-04-19 16:23:52

CSS3不透明度转换问题

回答

相关问题