网络编程 
首页 > 网络编程 > 浏览文章

微信小程序 图片边框解决方法

(编辑:jimmy 日期: 2025/6/12 浏览:3 次 )

微信小程序 图片边框问题解决

在最开始对网页进行构建的时候,我们并不知道网站中需要放置那些特定的图片,所以我们往往会放置一个空的img标签,但是这样的话,图片标签因为没有src的值,所以在网站中会显示出来一个黑色的边框,

其代码及效果显示如下:

微信小程序 图片边框解决方法

微信小程序 图片边框解决方法

 在这里就解决黑色边框,提出两种解决方案:

1.设置图片的opacity:0;

微信小程序 图片边框解决方法

2.放置一个其他的块标签代替img标签,因为在这里img只是起到占位的功能,所以可以使用其他的标签替代,在使用的时候,在换回img标签。

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

上一篇:codeMirror插件使用讲解
下一篇:微信小程序 scroll-view隐藏滚动条详解
一句话新闻
高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。