IE浏览器下，有的图片会出现一个多余的边框

注意：
** 你的图片是否为超链接？ **

如果，图片 `<img>`标签的父元素中有`<a>`标签，那么在ie浏览器下查看图片的时候，一般情况下，图片会出现一个多余的外边框；

这样一来，就显得尤为尴尬，尤为难看；

下面我们来看一下，IE8浏览器下，不同代码下，几种效果图：

css样式代码如下：

img { width: 200px;height: auto;
}

html代码如下：

图1代码：

<a href=""><img src="data:images/vip.png"/>
</a>

图2代码：

<p><img src="data:images/vip.png"/>
</p>

图3代码：

 <img src="data:images/vip.png" />

通过上面的代码我们可以看到：

父元素中包含<a>标签的<img>图片，在ie浏览器下会出现边框问题！
解决这个现象的办法就是，在<style>样式定义中，添加如下css代码段：

<style>img{width: 200px;height: auto;border-style:none;}
</style>

这样的话，就没有边框了。

以上就是关于“IE下显示图片会多出一个边框的问题”的全部内容。

IE下显示图片会多出一个边框的问题相关推荐

Unity3D基础22：GUI Texture组件/Sence下显示图片
前文:https://blog.csdn.net/Jaihk662/article/details/86764583(UI简介) 一.GUI Texture组件第一步:通过菜单→Component→ ...
opencv+QT在嵌入式arm下显示图片
你好!这里是风筝的博客, 欢迎和我一起交流. 之前在arm移植好了opencv:移植opencv到嵌入式arm详细过程而且我之前也弄好了qt,刚好可以用来结合使用. 在qt里使用opencv在arm ...
关于Pycharm主题Darcula下使用jupyter显示图片的颜色错误
关于Pycharm主题Darcula下使用jupyter显示图片的颜色错误问题描述在亮色主题下显示图片正确,但在暗色主题下显示图片时,图片的底色发生变化. 解决方法 File -> Sett ...
python将图片转换为Framebuffer裸数据格式(终端显示图片)
要在ubuntu终端显示图片或者在板子的LCD显示图片,Framebuffer是一个简单易用的接口,直接写入像素信息即可. 但普通的图片带有头部信息或者编码格式不同,直接送入Framebuffer是显 ...
OpenCv创建读取，显示图片与灰度,透明图片，控制图片窗口大小
首先构建读取,与创建显示窗口一共需要两个函数imread与imshow,调整图像大小需要一个函数namedWindow 创建读取,显示图片,控制图片窗口大小创建读取并显示图片控制图片窗口大小创建 ...
Jupyter notebook导出的html文件不能够正确显示图片
Jupyter notebook导出的html文件不能够正确显示图片文章目录: 1 jupyter notebook显示图片方式 1.1 在code模式下 1.2 在Markdown模式下 2 up ...
在图片控件中应用win32显示图片总结
先贴出来在mfc环境下实现的代码: void CShowBmpInDlgDlg::ShowBmpInStaic() { CBitmap hbmp; HBITMAP hbitmap; //将pStati ...
Pycharm远程服务器无法显示图片
Pycharm远程服务器无法显示图片 ###################更新2021/01/17############################# 在pycharm远程服务器情况下,直接用 ...
linux终端查看文件夹图片,如何在Linux终端中显示图片
Linux 上有许多 GUI 图片浏览器.但我尚未听说或使用过任何在终端中显示图片的应用程序.幸运的是,我刚刚发现了一个可用于在终端中显示图像的名叫 FIM 的图像查看器.FIM 引起了我的注意,是因 ...

IE下显示图片会多出一个边框的问题

IE浏览器下，有的图片会出现一个多余的边框

如果，图片 `<img>`标签的父元素中有`<a>`标签，那么在ie浏览器下查看图片的时候，一般情况下，图片会出现一个多余的外边框；

这样一来，就显得尤为尴尬，尤为难看；

下面我们来看一下，IE8浏览器下，不同代码下，几种效果图：

css样式代码如下：

html代码如下：

图1代码：

图2代码：

图3代码：

这样的话，就没有边框了。

IE下显示图片会多出一个边框的问题相关推荐

最新文章

热门文章

IE下 显示图片会多出一个边框的问题

IE浏览器下，有的图片会出现一个多余的边框

如果，图片 <img>标签的父元素中有<a>标签，那么在ie浏览器下查看图片的时候，一般情况下，图片会出现一个多余的外边框；

这样一来，就显得尤为尴尬，尤为难看；

下面我们来看一下，IE8浏览器下，不同代码下，几种效果图：

css样式代码如下：

html代码如下：

图1代码：

图2代码：

图3代码：

这样的话，就没有边框了。

IE下 显示图片会多出一个边框的问题相关推荐

最新文章

热门文章

IE下显示图片会多出一个边框的问题

如果，图片 `<img>`标签的父元素中有`<a>`标签，那么在ie浏览器下查看图片的时候，一般情况下，图片会出现一个多余的外边框；

IE下显示图片会多出一个边框的问题相关推荐