快捷導(dǎo)航

微信小程序圖片邊框解決方法

更新時(shí)間：2017年01月16日 15:40:00 投稿：lqh

這篇文章主要介紹了微信小程序圖片邊框解決方法的相關(guān)資料,需要的朋友可以參考下

微信小程序圖片邊框問(wèn)題解決

在最開始對(duì)網(wǎng)頁(yè)進(jìn)行構(gòu)建的時(shí)候，我們并不知道網(wǎng)站中需要放置那些特定的圖片，所以我們往往會(huì)放置一個(gè)空的img標(biāo)簽，但是這樣的話，圖片標(biāo)簽因?yàn)闆](méi)有src的值，所以在網(wǎng)站中會(huì)顯示出來(lái)一個(gè)黑色的邊框，

其代碼及效果顯示如下：

在這里就解決黑色邊框，提出兩種解決方案：

1.設(shè)置圖片的opacity:0;

2.放置一個(gè)其他的塊標(biāo)簽代替img標(biāo)簽，因?yàn)樵谶@里img只是起到占位的功能，所以可以使用其他的標(biāo)簽替代，在使用的時(shí)候，在換回img標(biāo)簽。

感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！

您可能感興趣的文章:

相關(guān)文章

詳解lodash中的cloneDeep使用細(xì)節(jié)
這篇文章主要為大家介紹了詳解lodash中的cloneDeep使用細(xì)節(jié)，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-01-01
微信支付 JS API支付接口詳解
本文是對(duì)微信支付 JS API支付接口介紹,并附代碼實(shí)例,在開發(fā)過(guò)程中具有參考價(jià)值,希望能幫助到需要的朋友
2016-07-07
微信小程序利用css實(shí)現(xiàn)遮罩效果實(shí)例詳解
這篇文章主要介紹了微信小程序利用css實(shí)現(xiàn)遮罩效果實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下
2017-01-01
微信小程序與php 實(shí)現(xiàn)微信支付的簡(jiǎn)單實(shí)例
這篇文章主要介紹了微信小程序與php 實(shí)現(xiàn)微信支付的簡(jiǎn)單實(shí)例的相關(guān)資料,需要的朋友可以參考下
2017-06-06
微信小程序 location API實(shí)例詳解
這篇文章主要介紹了微信小程序 location API實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下
2016-10-10
JavaScript代碼優(yōu)化技巧示例詳解
這篇文章主要為大家介紹了JavaScript代碼優(yōu)化技巧示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-08-08
微信小程序選項(xiàng)卡的簡(jiǎn)單實(shí)例
這篇文章主要介紹了微信小程序選項(xiàng)卡的簡(jiǎn)單實(shí)例的相關(guān)資料,需要的朋友可以參考下
2017-05-05
JavaScript?ES6語(yǔ)法中l(wèi)et,const?,var?的區(qū)別
這篇文章主要為大家介紹了JavaScript中l(wèi)et,const?,var?的區(qū)別，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助
2022-01-01
微信小程序 Template詳解及簡(jiǎn)單實(shí)例
這篇文章主要介紹了微信小程序 Template詳解及簡(jiǎn)單實(shí)例的相關(guān)資料,需要的朋友可以參考下
2017-01-01
在微信小程序中渲染HTML內(nèi)容3種解決方案及分析與問(wèn)題解決
在開發(fā)微信小程序時(shí)我們會(huì)在小程序內(nèi)加入純HTML代碼，且HTML中包括圖片，視頻，甚至是事件，微信小程序?yàn)槲覀兲峁┝?種解決方法，但它們的功能與實(shí)現(xiàn)方式與最終效果并不理想
2020-01-01