最近,我在Webkit浏览器中遇到了一种奇怪的行为(至少在OSX下),该行为花了比我想要的更长的时间来解决!
本质上:在元素上设置filter: blur(0)(或特定-webkit-filter于供应商)应该意味着没有任何形式的模糊应用到元素。
但是,当使用blur(0)指定的单位(即:)进行归零或归零时,Webkit仍会模糊该元素blur(0px)。
我在这里汇集了一些小提琴来演示:http : //jsfiddle.net/f9rBE/
这显示了三个包含文本(没有自定义字体)的相同div:
<div class="no-blur">
    <p><strong>This has absolutely nothing assigned</strong></p>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam facilisis orci in quam venenatis, in tempus ipsum sagittis. Suspendisse potenti. Donec ullamcorper lacus vel odio accumsan, vel aliquam libero tempor. Praesent nec libero venenatis, ultrices arcu non, luctus quam. Morbi scelerisque sit amet turpis sit amet tincidunt. Praesent semper erat non purus pretium consequat. Aenean et …