解决手机UC浏览器图片不显示问题

解决手机UC浏览器图片不显示问题

在其他手机浏览器没问题，但是到了UC浏览器就有问题了，经过逐步排查，发现UC浏览器自带了广告过滤。

1.在UC浏览器设置里面将广告过滤关闭即可，但是这不是唯一解决方案。

2.后来我发现，uc手机浏览器会过滤包含ad,banner,baidu字符的图片路径，禁止其显示，所以给图片命名或存放图片路径时 尽量不要含有ad,banner字符。还有类名也不要起banner,如ad_img

尽量不要含有ad字符! ! ! !

例子：

clipboard.png

3.去除uc的影响！
iframe[src*="ucweb.com"] { display: none !important; }

4.js+css 处理
/UC屏蔽广告/
var arr = $("iframe");
for(var i=0;i var that = arr[i];
if(that.src.indexOf("ucweb.com") != -1){
that.height="0";
that.width="0";
that.style="display:none !important";
}
}

.mtheight{height:5rem;position:relative;z-index:998;background:#ffffff;}