我在 iOS 7 中有一个带有模糊文本的 web 视图。有很多带有解决方案的帖子,但是它们似乎都不适用于我的情况。到目前为止,我发现的最佳解决方案是应用于-webkit-transform: translateZ(0);
模糊元素,如此处所示。但是这样做会导致-webkit-overflow-scrolling: touch;
无法操作。任何建议将不胜感激。
更新:这是与滚动包装器和包含模糊文本的元素关联的 CSS
#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*/
}