IE 8,CSS-repeat-x和相对根本不工作

时间:2011-07-20 12:06:34

标签: css internet-explorer-8

关于标题的背景我有一个很大的问题。

我一直在网站上调整网站几个小时,因为该网页在其他所有浏览器中都是完美的,无论它们多么老旧。但是我完全在IE 8上失去理智,因为我的标题背景(.gif)根本不会仅仅水平重复。

如前所述,它在所有其他浏览器中都很棒,即使是IE6,7和9,但在IE 8中,背景只是粘贴在整个网站上。

css:

header{
position:relative;
height:615px;
background:url(/images/1paage-header-bg.jpg) repeat-x center top;
width:100%;
min-width:950px; }

我在这里得到一些帮助......

5 个答案:

答案 0 :(得分:2)

background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='ImagePath',sizingMethod='scale');
background-repeat: repeat-x;

它在Internet Explorer 6中运行。

答案 1 :(得分:0)

尝试将background-repeat设置为repeat-x,如下所示:

background-repeat:repeat-x;

答案 2 :(得分:0)

了解您如何构建网站肯定会有所帮助。

但是,通常用于横向重复标题背景的是body

http://jsfiddle.net/KMQJd/

小澄清:如果你已经在html中使用了某种背景图像(通常我在这里假设的话),通常会使用正文。但是如果你只有背景颜色而你想在顶部使用重复图像你应该使用html - html { background: #777777 url(image.jpg) repeat-x top left; }


我想知道你的第一个位置顺序是垂直还是水平。

background: url(image.jpg) repeat-x top center;

答案 3 :(得分:0)

我遇到了同样的问题,只需检查IE8中的语法,每个空间都很重要,如果图像加载,还要检查firebug吗?我的错误语法是:

background: #fff url(../img/bg_02.png)repeat-x top center;

正确的一个:

background: #fff url(../img/bg_02.png) repeat-x top center;
在我的情况下,空间是问题所在。顶部和中心参数已过时。

答案 4 :(得分:0)

重复x在IE 8中不起作用。除了

之外没有其他选择

http://reference.sitepoint.com/css/background-repeat