在IE8中拉伸圖像作為背景
[英]Stretching an image as background in IE8
問題描述
我正在嘗試將圖像擴展到IE8中瀏覽器的邊界。 除了右邊，左邊，頂部和底部有大約5像素大小的空白外，它都有效。 我希望圖像完全伸展到各個方向。 我的雇主暗示，如果我不能正確顯示此頁面，這是最后一根稻草:(如果可以，請幫助。
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;
}
2 個解決方案
解決方案1
1 2013-05-27 19:45:54
嘗試將body標簽設置為邊距和填充為0。
body {
position:relative;
margin: 0;
padding:0;
}
大多數Web瀏覽器在元素上都有自己的默認樣式。 我個人總是使用重置腳本，例如： http : //meyerweb.com/eric/tools/css/reset/
解決方案2
0 已采納 2013-05-27 19:45:02
在你的CSS添加
html,body{
padding:0 0 0 0;
margin:0 0 0 0;
overflow-x:hidden; // To remove the bottom scrollbar
}
希望它能工作。
拉伸圖像背景寬度在IE8中不起作用
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.