0

我正在尝试将图像拉伸到 IE8 中浏览器的边界。它正在工作，除了右边、左边、顶部和底部有大约 5px 大小的空白。我希望图像完全延伸到各个方面。我的雇主暗示，如果我无法正确获取此页面，这是最后一根稻草:(如果可以，请提供帮助..

HTML：

</head>
 <body class="fullbackground">
 <!--THIS IS THE BACKGROUND IMAGE--><img class="fullbackground" src="c:\documents and settings\zx08067\Desktop\Outage_Page\background.png">
    <div class="top">
...
...

CSS：

body {
    position:relative;
}

img.fullbackground {
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    width:100%; /* alternative: right:0; */
    height:100%; /* alternative: bottom:0; */
    padding-left:0px;
    padding-right:0px;
    margin-left:0px;
    margin-right:0px;
}
4

2 回答 2

1

尝试将 body 标签设置为边距和填充为 0。

body {
    position:relative;
    margin: 0;
    padding:0;
}

大多数 Web 浏览器在元素上都有自己的默认样式。就我个人而言，我总是使用如下重置脚本：http: //meyerweb.com/eric/tools/css/reset/

于 2013-05-27T19:45:54.360 回答
0

在你的 CSS 添加

html,body{
padding:0 0 0 0;
margin:0 0 0 0;
overflow-x:hidden; // To remove the bottom scrollbar
}

希望它有效。

于 2013-05-27T19:45:02.953 回答