2014-03-24 78 views
0

我有一個網頁瀏覽與iOS 7中的模糊文本。有許多職位的解決方案,但是他們都沒有在我的情況下工作。我迄今發現的最佳解決方案是將-webkit-transform: translateZ(0);應用於模糊元素,如here所示。但是這樣做會導致-webkit-overflow-scrolling: touch;無法使用。任何意見將不勝感激。iOS Web查看模糊文本

更新:這裏是滾動的包裝和含有模糊的文字

#scrolling_element { 
    position: relative; 
    height: 100%; 
    width: 100%; 
    overflow: hidden; 
    -webkit-overflow-scrolling: touch; 
    overflow: auto !important; 
} 

.elements_w_blurry_text { 
    position: relative; 
    border: 1px solid #000; 
    background-image: url("../path/to/img.png"); 
    background-repeat: repeat; 
    -webkit-transform: translateZ(0);/* or any other suggested code*/ 
} 

回答

0

嘗試添加該到你的CSS元素相關的CSS:

-webkit-text-size-adjust:none; 
+0

感謝您的答覆。仍然沒有運氣。我已經添加了我的CSS。也許這會有所幫助。 – cranberry