微信小程序 圖片邊框解決方法
微信小程序 圖片邊框問(wèn)題解決
在最開(kāi)始對(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ì)本站的支持!
- 微信小程序 加載 app-service.js 錯(cuò)誤解決方法
- 微信小程序出現(xiàn)wx.navigateTo頁(yè)面不跳轉(zhuǎn)問(wèn)題的解決方法
- 微信小程序首頁(yè)數(shù)據(jù)初始化失敗的解決方法
- 詳解微信小程序?qū)徍瞬煌ㄟ^(guò)的解決方法
- 微信小程序scroll-x失效的完美解決方法
- 關(guān)于微信小程序bug記錄與解決方法
- 微信小程序錄音文件格式silk遇到的問(wèn)題及解決方法
- 微信小程序出現(xiàn)wx.getLocation再次授權(quán)問(wèn)題的解決方法分析
- 微信小程序控制臺(tái)提示warning:Now you can provide attr "wx:key" for a "wx:for" to improve performance解決方法
相關(guān)文章
前端自動(dòng)化測(cè)試之Jest?進(jìn)階教程示例
這篇文章主要為大家介紹了前端自動(dòng)化測(cè)試之Jest?進(jìn)階教程示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-02-02
微信小程序左右滑動(dòng)切換頁(yè)面詳解及實(shí)例代碼
這篇文章主要介紹了微信小程序左右滑動(dòng)切換頁(yè)面詳解及實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2017-02-02
JS實(shí)現(xiàn)一個(gè)微信錄音功能過(guò)程示例詳解
這篇文章主要介紹了JS實(shí)現(xiàn)一個(gè)微信錄音功能過(guò)程示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-02-02
lodash里to系列之將數(shù)據(jù)轉(zhuǎn)換成數(shù)字類(lèi)型實(shí)現(xiàn)示例
微信小程序 vidao實(shí)現(xiàn)視頻播放和彈幕的功能
一款功能強(qiáng)大的markdown編輯器tui.editor使用示例詳解

