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中 ...