gpt4 book ai didi

css - IE8 - 背景不正确显示背景位置和 float 属性

转载 作者:行者123 更新时间:2023-11-28 13:54:59 25 4
gpt4 key购买 nike

可能是我做错了一些基本错误,但在 Chrome/FF 上似乎没问题,但在 IE8 上就坏了(我没有在其他版本上尝试过)。

我为 body 标签设置了背景,并定义了背景位置。这是 html 的样子。

<!DOCTYPE HTML>
<html>
<head>
<title>Test</title>
<style>
body {
background:#fff url(skyhouse.jpg);
background-position: bottom left;
background-repeat: repeat-x;
}
</style>
</head>
<body>
<div style="width: 100%;float: left;">
<div style="background-color: yellow;height: 400px;width: 400px;">
</div>
</div>
</body>
</html>

当我有一个紧跟在 body 标签之后的 div 标签和一个 float 标签(左或右)时,我发现背景没有正确呈现。

Div floated left, width 100%

Div floated left, width 80%

当我移除 float 或将边距设置为自动时,背景呈现正常

Float removed

如果我删除背景定位,无论 float 如何,背景都可以正常渲染

background position removed

不确定是什么问题。

最佳答案

演示:http://jsfiddle.net/aHkJ5/1/

它适用于此 -

html, body{
height: 100%;
width: 100%;
}
body {
background:#fff url(http://www.makems.com/graphic/rainbow-abstract.jpg);
background-position: left bottom;
background-repeat: repeat-x;
}​

关于css - IE8 - 背景不正确显示背景位置和 float 属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10925486/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com