首頁  >  文章  >  微信小程式  >  小程式開發之圖片邊框解決方法

小程式開發之圖片邊框解決方法

巴扎黑
巴扎黑原創
2017-09-09 15:05:143476瀏覽

在最開始對網頁進行構建的時候,我們並不知道網站中需要放置那些特定的圖片,所以我們往往會放置一個空的img標籤,但是這樣的話,圖片標籤因為沒有src的值,所以在網站中會顯示出來一個黑色的邊框,
其程式碼及效果顯示如下:

#圖片:1.png

小程式開發之圖片邊框解決方法


##圖片:2.png

小程式開發之圖片邊框解決方法
# 在這裡就解決黑色邊框,提出兩種解決方案:
1.設定圖片的opacity:0;


#圖片:3.png

小程式開發之圖片邊框解決方法##2.放置一個其他的塊標籤代替img標籤,因為在這裡img只是起到佔位的功能,所以可以使用其他的標籤替代,在使用的時候,在換回img標籤。


以上是小程式開發之圖片邊框解決方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn