img[src=““] img无路径情况下，页面出现边框

已于 2023-12-01 18:30:43 修改
阅读量268 收藏
点赞数 1
文章标签： html5 css
于 2023-12-01 18:29:14 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_44657834/article/details/134741680
版权
文章介绍了在开发中遇到的img标签src为空时出现边框的问题，并提供了一段CSS代码来隐藏这种边框，提升页面美观度。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在开发过程中遇到一个问题就是当img标签的src为空时，会出现边框，影响美观

其实我们可以直接加上这个就可以解决了

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

web前端入门到实战：HTML图像标签img和源属性src及Alt属性、宽高、对齐
前端工程师年薪30万，就靠这套教程！持续更新最新知识
04-03 1446
使用<img>标签定义 HTML 页面中的图像,图像标签<img>有两个必需的属性：源属性src和alt，<img>是空标签，意思是说，它只包含属性，并且没有闭合标签。要在页面上显示图像，你需要使用源属性（src）。src指 “source”。源属性的值是图像的 URL 地址。` 1 定义图像的语法是： 2 <img src="url" alt="some...
＜img 没图片的时候存在border
weixin_45869649的博客
04-23 347
<img 没图片的时候存在border
解决<a><img>出现边框
程序猿
06-17 246
设置样式 a img{border:0px;}
img 图片src为空时出现边框问题的解决
HHH917的博客
12-16 2086
问题效果 解决 使用 属性和值选择器找到src为空 ，则设置img为透明;这样既保留了img元素内容撑开宽高，又解决了异步获取src的空白期图片显示区域显示边框不美观且浏览器显示效果不一致（部分浏览器src为空时不会出现边框）问题！ //当图片为空时 会出现边框 为空时设置透明解决 img[src=""] { opacity: 0; } ...
img边框问题
水墨记忆
01-24 1108
去img边框： 或者在css样式中使用 border:0  none;  但是有这样一个问题： 当将src的内容在css中设置时： background:url('images/icon.png') no-repeat; 无论怎样设置border，图片都会有一个灰色的边框，多方尝试终于发现只要img的src不设置，这个边框就会出现 所以可以将src引用一个空白图片，但是我觉
去除img 自带边框的问题 或者换成div 标签，用背景图引入
wwf1225的博客
09-21 1704
如果不用background-image而设置src=""，则没有边框；但如果用background-image则边框怎么也去不掉。百度了一下说是边框是背景时留下的间隔，但没有解决方法。不知道该如何去掉？ 你的img标签没有设置src，显示的是系统的没有图片的标记，并不是html代码的问题。，你设置一个空白图就可以了 显示边框：<img className="iconVoice" border="0" alt="" onClick={clickVoice} onTouchStart..
<img src="images/logo.jpg"/>
最新发布
04-09
如果图像是存储在同一项目下的某个子文件夹里，则可以通过相对路径引用该文件： ```html <img src="./assets/myphoto.jpg" alt="My Photo"> ``` ##### 利用外部链接导入在线图片 对于公开可用的互联网上的图片，...
<div class="right"><img src="1.jpg" alt="tp" width="100" height="100"></div> <div class="left"><h2>基本信息</h2></div>怎么实现左右分布
10-31
<img src="1.jpg" alt="tp" style="width: 100%; height: auto;"> <div class="left"> 基本信息 ``` 这里的关键是`.left`和`.right`容器设置为浮动，然后清除浮动以避免影响其他内容。记得替换`src="1.jpg...
function left(){ if(xx==0){xx=4}; if(xx>0){xx=xx-1}; yanse(); img.src=arr[xx]; }
05-20
这是一个 JavaScript 函数，它实现了一个向左切换图片的功能。下面是这个函数的具体实现： ```javascript function left() { ...最后，函数将 `img` 元素的 `src` 属性设置为当前图片的路径，以显示新的图片。
<input type="image" name="_IMG_最前頁" title="最前頁" src="/lylgmeet/img/first.png" class="button" border="0">
07-22
- `src="/lylgmeet/img/first.png"`：指定了图像按钮要显示的图片的路径。 - `class="button"`：为图像按钮指定了一个 CSS 类名，可以通过该类名对图像按钮进行样式控制。 - `border="0"`：设置图像按钮的边框宽度为...
关于img标签浏览器自带的边框，清除边框的解决方式(即img[src=""] img无路径情况下，灰色边框去除解决方法)...
weixin_34150503的博客
09-11 2303
详解img[src=""] img无路径情况下，灰色边框去除解决方法 1.Js解决办法 1 <html> 2 <head> 3 <meta charset="UTF-8"> 4 <title></title> 5 </head> 6 &...
关于img标签浏览器自带的边框，清除边框的解决方式
热门推荐
鲸落
06-04 1万+
设置img[src=""],img:not([src]) { opacity: 0;} 就可以了
img标签图像显示不出来，只有一个框
qq_46896305的博客
10-04 3537
2.最关键的是在你加载资源启动tomcat后，再更改照片路径后出现了照片不显示的问题，或者js中window.location.href=‘del.do?fid=’+fid;运行后不显示弹框的问题，是因为没有把资源加载进去，方法如下。启动服务器，在out文件夹下自己项目命名的文件夹删掉，再重新启动服务器就能显示了（原来在文件夹中找不到img下面自己刚刚放进去的照片，重新加载服务器后就能看到了）1.这种问题首先要考虑路径是否写的有问题。
img 标签边框问题
FE-阿阳的博客
01-30 2199
img 标签边框问题 详情描述 img标签默认有固定宽高，并且不设置src属性或者src属性=“”时，会有默认边框，想让边框消失的一个解决办法： 利用属性选择器[src=”“]让的 img 的 src 属性为空的透明度设为0；
html img边框隐藏,详解img[src=""] img无路径情况下，灰色边框去除解决方法
weixin_39606799的博客
06-03 1182
img[src=""] img标签无路径情况下，灰色边框去除解决方案1.Js解决办法 function whenError(a){a.onerror=null;a.src='path_default.jpg';console.log('图片出错的时候调用默认的图片');}2.绝对定位聚焦解决方案absolute聚焦解决方案 .container-img {positi...
如何解决 img 标签四周出现白边的问题
yiguoxiaohai的博客
12-02 6352
如何解决 img 标签白边问题，为什么 img 会出现白边
img标签不给src就出现边框，解决办法
qq_48306453的博客
11-07 1845
.<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...
html图片去除边框,CSS去掉图片img边框及如何防止图片撑破DIV
weixin_33473486的博客
06-07 4445
我们常常会遇到以下情况：1、img图片多了边框，特别是链接后的图片带边框2、图片超出撑破DIV查看 CSS设置图片宽度高度下面我们通过CSS来解决这2个问题。1、img图片多了边框，特别是链接后的图片带边框有边框的图片根据以上图，我们对图片加链接，结果图片出现了边框，解决方法：我们只需在初始化IMG标签CSS即可img{ padding:0; border:0;} 加入此CSS即可消除边框CSS去...
img标签如何去除边框？
qq_41964720的博客
06-26 2132
使用CSS的一个否定伪类选择器，将没有src属性的img的透明度设置为0，就可以解决图片有边框的问题。img标签只设置了宽度和高度，没有设置src属性，图片出现了边框。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值