img边框问题

最新推荐文章于 2024-10-07 16:31:26 发布

xq1989

最新推荐文章于 2024-10-07 16:31:26 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏：笔记

本文链接：https://blog.youkuaiyun.com/xq1989/article/details/8537056

笔记专栏收录该内容

3 篇文章

订阅专栏

本文探讨了在HTML和CSS中去除图片边框的方法。通过设置border属性为0或使用背景图片代替img标签，解决了图片显示时出现灰色边框的问题。

去img边框：

或者在css样式中使用 border:0 none;

但是有这样一个问题：

当将src的内容在css中设置时：

background:url('images/icon.png') no-repeat;

无论怎样设置border，图片都会有一个灰色的边框，多方尝试终于发现只要img的src不设置，这个边框就会出现

所以可以将src引用一个空白图片，但是我觉得这样就失去了css background的意义，所以改用了span、div等引用图片的方式

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

xq1989

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

去掉img自带边框，前端文件下载，图片转base64发送后端，图片formdata格式发送给后端

qq_52179917的博客

08-21

643

【代码】去掉img自带边框，前端文件下载，图片转base64发送后端。

微信小程序图片边框解决方法

08-31

在微信小程序开发中，开发者经常会遇到图片边框问题，尤其是当图片尚未加载或者不存在时，浏览器默认会显示一个黑色的边框，这可能会影响到界面的美观。本文将深入探讨这个问题，并提供两种有效的解决方法。首先，...

参与评论您还未登录，请先登录后发表或查看评论

img 标签边框问题

FE-阿阳的博客

01-30

2211

img 标签边框问题详情描述 img标签默认有固定宽高，并且不设置src属性或者src属性=“”时，会有默认边框，想让边框消失的一个解决办法：利用属性选择器[src=”“]让的 img 的 src 属性为空的透明度设为0；

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

qq_44657834的博客

12-01

280

在开发过程中遇到一个问题就是当img标签的src为空时，会出现边框，影响美观。其实我们可以直接加上这个就可以解决了。

IMG图片下面出现下边距的解决办法

萌大叔的专栏

12-19

1万+

在不同浏览器下图片下面会出现莫名的下边距，经测算在FF中下边距大概是多出了3像素左右，而IE6更多，在IE8中展示却是完好的，以往的做法只需要将img定义为块状级就解决了问题；但其原理是：图片底部的空隙实际上涉及行内元素的布局模型，图片默认的垂直对齐方式是基线，而基线的位置是与字体相关的。所以在某些时候，图片底部的空隙可能是 2px，而有时可能是 4px 或更多。不同的 font-

百万前端之去除img标签出现的边框

qsadmjn的博客

09-19

5334

在html中，给img标签设置百分百自适应div大小时，就是出现一个默认边框，这是因为img标签在没有scr属性值时给自己添加一个默认边框，即使给img标签设置css属性border:none;就像上图一样，作为一个上传图片作为零时展示的图片img标签，出现了不合时宜的border框，显得非常的不美观。其实去除并不困难，原理也非常简单。相信大家看到了也是恍然大悟，竟然是opacity属性！给img添加这个css属性后，在img没有src属性时，img标签也不会出现边框了。

img标签如何去除边框？

qq_41964720的博客

06-26

2229

使用CSS的一个否定伪类选择器，将没有src属性的img的透明度设置为0，就可以解决图片有边框的问题。img标签只设置了宽度和高度，没有设置src属性，图片出现了边框。

解决html 图片img加超链接后产生难看的蓝色边框问题

09-28

以上就是解决HTML中图片`<img>`元素添加超链接后产生蓝色边框问题的几种方法。请根据实际项目需求和兼容性要求选择合适的解决方案。记住，良好的CSS实践可以极大地提升网页的用户体验和视觉效果。

img css 去掉边框阴影

11-05

在CSS中，如果你想去除图片元素（img）的边框和阴影效果，你可以直接针对img元素应用一些特定的样式。以下是两个相关的CSS代码片段： 1. 如果只想去掉边框，你可以使用`border: none;`，示例如下： ```css img { ...

png图片在ie8浏览器下有黑色边框的解决方法

09-25

总的来说，要解决IE8中的PNG图片黑色边框问题，开发者需要根据项目需求和浏览器兼容性选择合适的解决方案。考虑到现代浏览器的广泛使用，使用CSS Hack和JavaScript库可能是最经济且兼容性较好的方式。同时，优化图片...

img 灰色默认外边框的去除

热门推荐

qq_39833794的博客

04-13

2万+

最近在做一个小游戏时发现了一个问题，总是在弹出img时先出现一个灰色的边框，所以为了查找问题，查找了一些关于img 默认边框的小知识点。在这里整理了一些知识点：一. 下面代码都试验过后会发现，img会有外边框，这个也是使用img元素的一个坑一般在img为空时出现，因为浏览器找不到图，就会用一个边框来代替<!DOCTYPE html> <html> &l...

如何去除img标签的默认边框

WuJiangang5112的博客

06-21

1万+

如何去除img标签的默认边框在使用img标签过程中遇到，图片没获取到后出现默认大小边框的问题，看起来很丑。一、有边框 <router-link to="/"><img :src="logoICO" v-if="logoICO" width="100px" height="35px" />{{logo.title}}</...

img标签添加背景图，会有边框

weixin_33941350的博客

11-22

2033

问题：img标签添加背景图，会有边框解决方法：给img再设置一下src，src为透明png即可。 ---------------------------我是分割线------------------------ 转载于:https://www.cnblogs.com/bagnliu/p/7879432.html...

html img设置形状,图片img直接设置样式

weixin_39950812的博客

06-03

4063

图片Img除了配置宽、高大要直接应用属性外，还大要设置装备摆设边框。1、border配置图片边框border="2" alt="CSS5站点logo" />退出border属性为2，配置图片边框为2pximg加border配置边框从上看出一个题目，图片边框默认是彩色的，同时差距阅读器默认颜色也会有些差距，那若何设置装备摆设紧要的边框？整治这个需求就必要css实现。2、img直接设置装备摆设c...

关于img标签浏览器自带的边框，清除边框的解决方式

鲸落

06-04

1万+

设置img[src=""],img:not([src]) { opacity: 0;} 就可以了

怎样让<img>图片的边框不显示

u012453843的专栏

06-22

1万+

在开发的时候，我发现给img标签一个class属性，并在css样式中给它一个背景图片，在google浏览器中浏览的时候发现图片老是有一个边框，IE没有这个问题尝试了border:0结果也不好使，后来请教了大牛发现可以这样解决 img[src=""],img:not([src]){ opacity:0; }

img图像添加边框

weixin_34254823的博客

03-28

2447

2019独角兽企业重金招聘Python工程师标准>>> ...

CSS边框图片

2401_82561004的博客

10-07

209

对于元素的边框我们除了可以使用《》一节中介绍的一些默认样式外，还可以通过 CSS3 中的border-image 属性使用图像来作为元素的边框，以创建出丰富多彩边框效果。border-image 属性可以通过一些简单的规则，将一副图像划分为 9 个单独的部分，浏览器会自动使用相应的部分来替换边框的默认样式。

img如何边框颜色