前端在绑定回显数据后,src为空时会出现下图边框,左图为空数据,右图为正常数据
在css中增加代码
<style type="text/css">
img[src=""] {
opacity: 0;
}
</style>
仍然含有layui自带边框
目的:去掉layui自带边框,同时去掉img为空时的边框
方法1:在css中增加代码
<style type="text/css">
img[src=''], img:not([src='']) {
opacity: 0
}
</style>
方法2:替换style全部改为100% ,可解决
style="width: 100%; height: 100%;"
<div class="layui-upload-list">
<img class="layui-upload-img" id="storeAddress" style="width: 100%; height: 100%;" scr="">
</div>