img[src=""],img:not([src]){ opacity:0; } ...

今天剛剛完成了一個官網的前后台整站建設，雖然不是很復雜，但感覺獲益良多。由於涉及到一點后台問題，所以期間遇到了不少問題。學到的東西，得作個總結。今天先講講img的路徑問題。由於現在很多網站喜歡全屏大圖滾動，而瀏覽設備的尺寸也變得越來越多，越來越大。所以解決圖片適應性問題，變得更加復雜。 切入正題 ...

當img中間無圖片時顯示默認邊框，嘗試用border:0無效 可以使用屬性選擇器設置opacity為空 img[src=""],img:not([src]){ opacity:0; } 原文鏈接：https://blog.csdn.net ...

前端使用 <img/> 標簽展示圖片的時候，src 指的是圖片的路徑，如果路徑錯了，圖片不能正常展示出來；但是自己遇到一種更奇怪的情況，就是后台拼接字符串的方式，返回整個 <img/> 標簽給前端展示圖片，然后標簽的 src=" " 屬性整個消失不見了，連 alt ...

　　今天在做一個app項目的時候，遇到了這樣一個問題，在給定一個img標簽固定寬高的情況下，當img標簽中的src屬性為空時，這塊img區域會有邊框包圍着，導致了當進入一個頁面時，圖片會先閃一下邊框，然后圖片才呈現出來，可能是連通接口的速度不是很快，而在得到圖片路徑之前img標簽的src屬性 ...

...

最近遇見動態渲染img時，想起了當初剛開始寫vue時，曾經遇見的一個小小坑。 Vue中：img的src屬性是動態渲染時不顯示問題1.需求：展示用戶頭像，數據從后台獲取，如果沒有拿到則顯示默認圖片。 如圖： 2.第一次寫： 如圖： 3.結果（汗。。。）並沒有顯示默認圖片 ...

<img :src=" zftx ? zftx : ' ' " :onerror="defaultImg" /> import defaultImage from '@/assets/baseInfo.png'; 在script中 ...