admin管理员组文章数量:1657722
今天做手机项目中，一个轮播图片，在其他手机浏览器没问题，但是到了UC浏览器就有问题了，经过站长逐步排查，发现UC浏览器自带了广告过滤，
在UC浏览器设置里面将广告过滤关闭即可，但是这不是唯一解决方案。
后来我发现，uc手机浏览器会过滤包含ad字符的图片路径，禁止其显示，所以给图片命名或存放图片路径时 尽量不要含有ad字符。如ad_img
所以站长代码原来是这样的：
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<
section
class
=
"ads"
style
=
"top: -860px;"
>
<
div
class
=
"ad_1"
style
=
"height: 430px; background-size: 320px 430px;"
>
<
img
src
=
"/Public/mobile/images/member_login/ad1.jpg"
style
=
"width: 320px; height: 430px;"
>
</
div
>
<
div
class
=
"ad_2"
style
=
"height: 430px; background-size: 320px 430px;"
>
<
img
src
=
"/Public/mobile/images/member_login/ad2.jpg"
style
=
"width: 320px; height: 430px;"
>
</
div
>
<
div
class
=
"ad_3"
style
=
"height: 430px; background-size: 320px 430px;"
>
<
img
src
=
"/Public/mobile/images/member_login/ad3.jpg"
style
=
"width: 320px; height: 430px;"
>
</
div
>
<
div
class
=
"ad_4"
style
=
"height: 430px; background-size: 320px 430px;"
>
<
img
src
=
"/Public/mobile/images/member_login/ad4.jpg"
style
=
"width: 320px; height: 430px;"
>
</
div
>
<
div
class
=
"ad_5"
style
=
"height: 430px; background-size: 320px 430px;"
>
<
img
src
=
"/Public/mobile/images/member_login/ad5.jpg"
style
=
"width: 320px; height: 430px;"
>
</
div
>
</
section
>
|
后来修改这样就显示了：
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<
section
class
=
"ads"
style
=
"top: -860px;"
>
<
div
class
=
"img_1"
style
=
"height: 430px; background-size: 320px 430px;"
>
<
img
src
=
"/Public/mobile/images/member_login/img1.jpg"
style
=
"width: 320px; height: 430px;"
>
</
div
>
<
div
class
=
"img_1"
style
=
"height: 430px; background-size: 320px 430px;"
>
<
img
src
=
"/Public/mobile/images/member_login/img2.jpg"
style
=
"width: 320px; height: 430px;"
>
</
div
>
<
div
class
=
"img_1"
style
=
"height: 430px; background-size: 320px 430px;"
>
<
img
src
=
"/Public/mobile/images/member_login/img3.jpg"
style
=
"width: 320px; height: 430px;"
>
</
div
>
<
div
class
=
"img_1"
style
=
"height: 430px; background-size: 320px 430px;"
>
<
img
src
=
"/Public/mobile/images/member_login/img4.jpg"
style
=
"width: 320px; height: 430px;"
>
</
div
>
<
div
class
=
"img_1"
style
=
"height: 430px; background-size: 320px 430px;"
>
<
img
src
=
"/Public/mobile/images/member_login/img5.jpg"
style
=
"width: 320px; height: 430px;"
>
</
div
>
</
section
>
|
版权声明：本文标题：部分手机浏览器图片不显示问题 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dianzi/1729797732a1212871.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论