微信小程序 圖片邊框解決方法
更新時(shí)間：2017年01月16日 15:40:00 投稿：lqh
這篇文章主要介紹了微信小程序 圖片邊框解決方法的相關(guān)資料,需要的朋友可以參考下
微信小程序 圖片邊框問題解決
在最開始對(duì)網(wǎng)頁進(jìn)行構(gòu)建的時(shí)候，我們并不知道網(wǎng)站中需要放置那些特定的圖片，所以我們往往會(huì)放置一個(gè)空的img標(biāo)簽，但是這樣的話，圖片標(biāo)簽因?yàn)闆]有src的值，所以在網(wǎng)站中會(huì)顯示出來一個(gè)黑色的邊框，
其代碼及效果顯示如下：
在這里就解決黑色邊框，提出兩種解決方案：
1.設(shè)置圖片的opacity:0;
2.放置一個(gè)其他的塊標(biāo)簽代替img標(biāo)簽，因?yàn)樵谶@里img只是起到占位的功能，所以可以使用其他的標(biāo)簽替代，在使用的時(shí)候，在換回img標(biāo)簽。
感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！
您可能感興趣的文章:
- 微信小程序 加載 app-service.js 錯(cuò)誤解決方法
- 微信小程序出現(xiàn)wx.navigateTo頁面不跳轉(zhuǎn)問題的解決方法
- 微信小程序首頁數(shù)據(jù)初始化失敗的解決方法
- 詳解微信小程序?qū)徍瞬煌ㄟ^的解決方法
- 微信小程序scroll-x失效的完美解決方法
- 關(guān)于微信小程序bug記錄與解決方法
- 微信小程序錄音文件格式silk遇到的問題及解決方法
- 微信小程序出現(xiàn)wx.getLocation再次授權(quán)問題的解決方法分析
- 微信小程序控制臺(tái)提示warning:Now you can provide attr "wx:key" for a "wx:for" to improve performance解決方法
相關(guān)文章
詳解lodash中的cloneDeep使用細(xì)節(jié)
這篇文章主要為大家介紹了詳解lodash中的cloneDeep使用細(xì)節(jié)，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-01-01
本文是對(duì)微信支付 JS API支付接口介紹,并附代碼實(shí)例,在開發(fā)過程中具有參考價(jià)值,希望能幫助到需要的朋友2016-07-07
微信小程序 利用css實(shí)現(xiàn)遮罩效果實(shí)例詳解
這篇文章主要介紹了微信小程序 利用css實(shí)現(xiàn)遮罩效果實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下2017-01-01
微信小程序與php 實(shí)現(xiàn)微信支付的簡單實(shí)例
這篇文章主要介紹了微信小程序與php 實(shí)現(xiàn)微信支付的簡單實(shí)例的相關(guān)資料,需要的朋友可以參考下2017-06-06
這篇文章主要介紹了微信小程序 location API實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下2016-10-10
這篇文章主要為大家介紹了JavaScript代碼優(yōu)化技巧示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08
這篇文章主要介紹了微信小程序 選項(xiàng)卡的簡單實(shí)例的相關(guān)資料,需要的朋友可以參考下2017-05-05
JavaScript?ES6語法中l(wèi)et,const?,var?的區(qū)別
這篇文章主要為大家介紹了JavaScript中l(wèi)et,const?,var?的區(qū)別，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-01-01
這篇文章主要介紹了微信小程序 Template詳解及簡單實(shí)例的相關(guān)資料,需要的朋友可以參考下2017-01-01
在微信小程序中渲染HTML內(nèi)容3種解決方案及分析與問題解決
在開發(fā)微信小程序時(shí)我們會(huì)在小程序內(nèi)加入純HTML代碼，且HTML中包括圖片，視頻，甚至是事件，微信小程序?yàn)槲覀兲峁┝?種解決方法，但它們的功能與實(shí)現(xiàn)方式與最終效果并不理想2020-01-01