关于IE6中圆角图片背景的问题？？？
时间：2011-03-10
来源：互联网
小弟想做一个 圆角图片背景，
代码是 ：
<!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>
#content_top {
margin: 10px 0 0 0;
background: url(images/conten_top_03.jpg) no-repeat top center;
height: 6px;
}
#content_bg {
background-color: #b3c1d1;
margin: 0 auto;
width: 953px;
height: 500px;
}
#content_bottom{
background: url(images/content_bottom_03.jpg) no-repeat bottom;
height:6px;
magrgin: 0;
}
</style>
</head>
<body>
<div id="content">
<div id="content_top"></div>
<div id="content_bg"></div>
<div id="content_bottom"></div>
</div>
</body>
</html>
在FF下是可以的 但是在IE6 就不行了 ；顶部和底部的高度超出了设置的6px; 导致两个层中间有缝隙；
小弟 是在菜鸟 不知哪位大侠 指点迷津 谢过了先
[ 本帖最后由 shixianlixiang 于 2011-3-10 16:56 编辑 ]
11111SJ.jpg (8.5 KB)
代码是 ：
<!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>
#content_top {
margin: 10px 0 0 0;
background: url(images/conten_top_03.jpg) no-repeat top center;
height: 6px;
}
#content_bg {
background-color: #b3c1d1;
margin: 0 auto;
width: 953px;
height: 500px;
}
#content_bottom{
background: url(images/content_bottom_03.jpg) no-repeat bottom;
height:6px;
magrgin: 0;
}
</style>
</head>
<body>
<div id="content">
<div id="content_top"></div>
<div id="content_bg"></div>
<div id="content_bottom"></div>
</div>
</body>
</html>
在FF下是可以的 但是在IE6 就不行了 ；顶部和底部的高度超出了设置的6px; 导致两个层中间有缝隙；
小弟 是在菜鸟 不知哪位大侠 指点迷津 谢过了先
[ 本帖最后由 shixianlixiang 于 2011-3-10 16:56 编辑 ]
附件
11111SJ.jpg (8.5 KB)
2011-3-10 16:52
作者: shixianlixiang 发布时间: 2011-03-10
怎么 没人 知道吗 ？？？
作者: shixianlixiang 发布时间: 2011-03-10
你给加高overflow 试试吧 content_top
作者: llqfront 发布时间: 2011-03-10
谢谢 3楼的大侠
我在 #content_top中加了overflow: hidden; 可以了；
但是 好像在#content_bottom中不可以用啊 ；还有没有什么解决办法啊
我在 #content_top中加了overflow: hidden; 可以了；
但是 好像在#content_bottom中不可以用啊 ；还有没有什么解决办法啊
作者: shixianlixiang 发布时间: 2011-03-10
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读：74
-
如何安装mysql8.0
阅读：31
-
Word快速设置标题样式步骤详解
阅读：28
-
20+道必知必会的Vue面试题（附答案解析）
阅读：37
-
HTML如何制作表单
阅读：22
-
百词斩可以改天数吗？当然可以，4个步骤轻松修改天数！
阅读：31
-
ET文件格式和XLS格式文件之间如何转化？
阅读：24
-
react和vue的区别及优缺点是什么
阅读：121
-
支付宝人脸识别如何关闭?
阅读：21
-
腾讯微云怎么修改照片或视频备份路径?
阅读：28
