＜img 没图片的时候存在border

最新推荐文章于 2024-09-19 09:52:45 发布
最新推荐文章于 2024-09-19 09:52:45 发布
阅读量298 收藏
点赞数
文章标签： html ui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45869649/article/details/124363479
版权

问题：img图片当后端返回的图片为空是，就是变成框框，我默认加了一个背景色
ui那边要求加一个border-radius，但是无论我怎么加，效果都不对

后面百度直接给图片加了样式：
img[src=“”],
img:not([src]) {
opacity: 0;
}
就变成要求的模样了

在这里插入图片描述

在这里插入图片描述

youyu-youyu
关注
你不知道的＜img＞
liuhao9999的博客
11-18 750
src属性是必须的，它包含了你想嵌入的图片的文件路径。 alt属性包含一条对图像的文本描述，这不是强制性的，但对可访问性而言，它难以置信地有用——屏幕阅读器会将这些描述读给需要使用阅读器的使用者听，让他们知道图像的含义。如果由于某种原因无法加载图像，普通浏览器也会在页面上显示alt属性中的备用文本：例如，网络错误、内容被屏蔽或链接过期时。 还有很多其他属性，可以实现各种不同的目的： Referrer/CORS控制，保证安全与隐私：详见crossorigin属性和referrerpolicy...
img取消无图片时的默认边框
weixin_40431771的博客
12-26 2477
当img中间无图片时显示默认边框，在firefox中是没有的，但是Chrome中显示，尝试用border:0无效 可以使用属性选择器设置opacity为空 img[src=""],img:not([src]){ opacity:0; }  ...
img[src=““] img无路径情况下，页面出现边框
qq_44657834的博客
12-01 212
在开发过程中遇到一个问题就是当img标签的src为空时，会出现边框，影响美观。其实我们可以直接加上这个就可以解决了。
vue 在图片上画框 类似于标注使用
最新发布
Tttrycatch的博客
09-19 177
【代码】vue 在图片上画框 类似于标注使用。
处理Img标签中src无效时出现的border
weixin_33898233的博客
07-25 743
2019独角兽企业重金招聘Python工程师标准>>> ...
img标签不给src就出现边框，解决办法
qq_48306453的博客
11-07 1698
.<img/>在src没有给或加载失败，浏览器会自动给img加上边框。 如下图这样 html： <imgclass="tis"src=""alt=""> css： #nav-txt3.nav-img1.nav-img2.tis{ width:75px; height:75px; background:url(../images/icon.png)no-repeat; backgrou...
img找不到图片时，去除默认边框
qq_43639075的博客
05-15 1448
img[src=""],img:not([src]) { opacity: 0; }
img标签如何去除边框？
qq_41964720的博客
06-26 1841
使用CSS的一个否定伪类选择器，将没有src属性的img的透明度设置为0，就可以解决图片有边框的问题。img标签只设置了宽度和高度，没有设置src属性，图片出现了边框。
javascript批量检查当图片不存在时则显示默认图片的代码
10-30
<p>当图片不存在时显示默认图片:</p> <ul> <li><img src="image1_not_found.jpg" alt="Image 1" onerror="this.src='default.png';"></li> <li><img src="image2_not_found.jpg" alt="Image 2" onerror="this....
Jquery动态改变图片IMG的src地址示例
12-09
<img onfocus="this.blur()" id="img_a" border="0" align="middle" src="login_image/a_1.jpg" alt="没有图片！"> </img> </a> </div> ``` 接下来，我们将使用 jQuery 的 `.attr()` 方法来改变图片的 `src` ...
css中使input输入框与img(图片)在同一行居中对齐
09-25
在CSS布局中，将不同的元素如input输入框与img图片进行水平居中对齐是一项常见的需求。尤其是在网页设计中，为了达到美观和用户体验的效果，往往需要确保这些元素在一行内对齐。在处理input和img元素时，由于浏览器...
img标签图像显示不出来，只有一个框
qq_46896305的博客
10-04 2335
2.最关键的是在你加载资源启动tomcat后，再更改照片路径后出现了照片不显示的问题，或者js中window.location.href=‘del.do?fid=’+fid;运行后不显示弹框的问题，是因为没有把资源加载进去，方法如下。启动服务器，在out文件夹下自己项目命名的文件夹删掉，再重新启动服务器就能显示了（原来在文件夹中找不到img下面自己刚刚放进去的照片，重新加载服务器后就能看到了）1.这种问题首先要考虑路径是否写的有问题。
img 图片src为空时出现边框问题的解决
HHH917的博客
12-16 1971
问题效果 解决 使用 属性和值选择器找到src为空 ，则设置img为透明;这样既保留了img元素内容撑开宽高，又解决了异步获取src的空白期图片显示区域显示边框不美观且浏览器显示效果不一致（部分浏览器src为空时不会出现边框）问题！ //当图片为空时 会出现边框 为空时设置透明解决 img[src=""] { opacity: 0; } ...
关于vue项目数据渲染出来之前图片存在白色边框的问题
weixin_44526618的博客
08-14 1790
vue数据渲染的时候，如果你的网络有一丢丢小延迟误差，或者是数据返回比较慢的情况下。img标签会存在白色的边框~ 虽然这个问题不是什么bug。但是不解决的话总会影响整体美观！所以，一旦出现这个问题，我们只需要在css里设置一下以下相关代码。 其实这段代码的意思很直观，就表示img标签的src为空的时候或者没有src的时候，将img标签的透明度设为0~ 这样就解决了数据返回渲染前，图片会出现白色小...
关于img标签浏览器自带的边框，清除边框的解决方式(即img[src=""] img无路径情况下，灰色边框去除解决方法)...
weixin_34150503的博客
09-11 2265
详解img[src=""] img无路径情况下，灰色边框去除解决方法 1.Js解决办法 1 <html> 2 <head> 3 <meta charset="UTF-8"> 4 <title></title> 5 </head> 6 &...
img没有src属性时自动出现边框
weixin_33805557的博客
08-10 1007
当img没有接收到src属性的时候会自动出现边框，border:0/none都不管用的情况下 解决方法 一行css 可以解决 img[src=""],img:not([src]){ opacity:0; } 转载于:https://www.cnblogs.com/GoTing/p/7340840.html...
img 标签边框问题
FE-阿阳的博客
01-30 2150
img 标签边框问题 详情描述 img标签默认有固定宽高，并且不设置src属性或者src属性=“”时，会有默认边框，想让边框消失的一个解决办法： 利用属性选择器[src=”“]让的 img 的 src 属性为空的透明度设为0；
如何去除img标签的默认边框
热门推荐
WuJiangang5112的博客
06-21 1万+
如何去除img标签的默认边框 在使用img标签过程中遇到，图片没获取到后出现默认大小边框的问题，看起来很丑。 一、有边框 <router-link to="/"><img :src="logoICO" v-if="logoICO" width="100px" height="35px" />{{logo.title}}</...
去掉img默认边框
qq_43405603的博客
12-06 928
img:not([src]) { opacity: 0; }
.touxiang img{ border-radius:50%; top:30px; left:715px; position:absolute;} .touxiang:hover{ } <div class="touxiang"> <img src="image/20210505204333_81e88.jpg" height="91px" width="91px"> </div> 添加鼠标悬浮图片放大的效果，且动画过渡
06-12
同时，由于transition属性的存在，图片的放大过程会有一个平滑的动画效果。 您可以将上述代码添加到您的CSS文件中，并将其应用到HTML代码中的.touxiang img元素，即可实现鼠标悬浮图片放大的效果和动画过渡。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值