html css浏览器兼容如何使ie8中的图片正常显示请大神赐教！！

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">

.pic{ width:1000px; height:352px; background:#ccf; margin:5px auto 0px;}

body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.pic_left{}
.pic_center{}
.pic_right{}
.pic a{ display:block; }
.pic_left,.pic_center,.pic_right{ float:left;}
.pic_center,.pic_right{ margin-left:20px;}
.pic_right_top{ margin-bottom:20px;}
.pic a img:hover{opacity:0.8;filter:alpha(opacity=80);}

</style>
</head>

<body>


<div style="height:1px;">
<hr color="#0000FF" size="2" width="1000px" align="center" />
</div>


<div class="pic">
<div class="pic_left">
<a href="#" ><img src="images/1.jpg" alt="新鲜的樱桃" width=“490px” height="350px"/></a>
</div>
<div class="pic_center">
<a href="#" ><img src="images/2.jpg" alt="新鲜的樱桃" width=“235px” height="350px"/></a>
</div>
<div class="pic_right">
<a href="#" class="pic_right_top"><img src="images/3.jpg" alt="新鲜的樱桃" width=235 height="165"/></a>
<a href="#"><img src="images/4.jpg" alt="新鲜的樱桃" width=235 height="165"/></a>
</div>
</div>
</body>
</html> 展开

 我来答

3个回答

#热议# 为什么有人显老，有人显年轻？

蛇皮搞笑
推荐于2016-11-27 · TA获得超过105个赞

知道小有建树答主

回答量：360

采纳率：0%

帮助的人：141万

我也去答题访问个人页

关注

展开全部

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.pic{ width:1000px; height:352px; background:#ccf; margin:5px auto 0px;}

body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.pic_left{}
.pic_center{}
.pic_right{}
.pic a{ display:block; }
.pic_left,.pic_center,.pic_right{ float:left; display: inline;}
.pic_center,.pic_right{ margin-left:20px;}
.pic_right_top{ margin-bottom:20px;}
.pic a img{border:none;}
.pic a img:hover{opacity:0.8;filter:alpha(opacity=80);}
</style>
</head>

<body>


<div style="height:1px;">
<hr color="#0000FF" size="2" width="1000px" align="center" />
</div>


<div class="pic">
<div class="pic_left">
<a href="#" ><img src="http://img03.mifile.cn/webfile/images/g/2014/cn/index/fbh710.jpg" alt="新鲜的樱桃" width="490" height="350"/></a>
</div>
<div class="pic_center">
<a href="#" ><img src="http://img03.mifile.cn/webfile/images/g/2014/cn/index/fbh710.jpg" alt="新鲜的樱桃" width="235" height="350"/></a>
</div>
<div class="pic_right">
<a href="#" class="pic_right_top"><img src="http://img03.mifile.cn/webfile/images/g/2014/cn/index/fbh710.jpg" alt="新鲜的樱桃" width="235" height="165"/></a>
<a href="#"><img src="http://img03.mifile.cn/webfile/images/g/2014/cn/index/fbh710.jpg" alt="新鲜的樱桃" width="235" height="165"/></a>
</div>
</div>
</body>
</html>

已赞过 已踩过<

评论收起

奥利给挖掘机
2014-07-22 · TA获得超过466个赞

知道小有建树答主

回答量：501

采纳率：66%

帮助的人：219万

我也去答题访问个人页

关注

展开全部

<img src="images/1.jpg" alt="新鲜的樱桃" width=“490px” height="350px"/>
要么写成style="wdith:490px..."
要么写成width="490" 不要加px

pic_right中写的正确...

已赞过 已踩过<

评论收起

bhbhxy
2014-07-22 · TA获得超过716个赞

知道小有建树答主

回答量：329

采纳率：50%

帮助的人：184万

我也去答题访问个人页

关注

展开全部

.pic a{ display:block; } 这个去掉试试

已赞过 已踩过<

评论收起

更多回答（1）

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

html css浏览器兼容 如何使ie8中的图片正常显示 请大神赐教！！

其他类似问题

为你推荐：

html css浏览器兼容如何使ie8中的图片正常显示请大神赐教！！