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

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

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

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

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

---

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

---

css样式代码如下：

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

---

html代码如下：

图1代码：

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

图2代码：

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

图3代码：

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

---

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

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

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

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

---

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