admin管理员组文章数量:1657762
今天做手机项目中,一个轮播图片,在其他手机浏览器没问题,但是到了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://www.elefans.com/dianzi/1729797732a1212871.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论