【高手】CSS的IE6兼容问题,我不懂,就是着急,告诉我代码我解决就给分!
时间:2011-03-23
来源:互联网
如下代码让图片以100*100的分辨率进行显示,在IE8和CHROME中都非常好用,完美
但是在IE6下面显示的图片很小,完全变了样子,挤在一起了,不会了,求大家!
<style type="text/css">
div#wrap {
display:table;
width:100px;
height:100px;
_position:relative;
overflow:hidden;
}
div#subwrap {
vertical-align:middle;
display:table-cell;
_position:absolute;
_top:50%;
}
div#content {
_position:relative;
_top:-50%;
}
</style>
-----------------------------------------------------------------
<div id="wrap"><div id="subwrap"><div id="content">
<IMG class=picCore alt="Ceramic Structured Packings" src="images/10205.jpg" width='100px' style='vertical-align:top:50%' border=0>
</div></div></div></A>
但是在IE6下面显示的图片很小,完全变了样子,挤在一起了,不会了,求大家!
<style type="text/css">
div#wrap {
display:table;
width:100px;
height:100px;
_position:relative;
overflow:hidden;
}
div#subwrap {
vertical-align:middle;
display:table-cell;
_position:absolute;
_top:50%;
}
div#content {
_position:relative;
_top:-50%;
}
</style>
-----------------------------------------------------------------
<div id="wrap"><div id="subwrap"><div id="content">
<IMG class=picCore alt="Ceramic Structured Packings" src="images/10205.jpg" width='100px' style='vertical-align:top:50%' border=0>
</div></div></div></A>
作者: wipe_tear 发布时间: 2011-03-23
<IMG class=picCore alt="Ceramic Structured Packings" src="images/10205.jpg" width='100px' style='vertical-align:top:50%' border=0>
改为:
<IMG class=picCore alt="Ceramic Structured Packings" src="images/10205.jpg" style='width:100px;height:100px;vertical-align:top:50%' border=0>
试下!
改为:
<IMG class=picCore alt="Ceramic Structured Packings" src="images/10205.jpg" style='width:100px;height:100px;vertical-align:top:50%' border=0>
试下!
作者: falizixun2 发布时间: 2011-03-24
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28