关于标题的背景我有一个很大的问题。
我一直在网站上调整网站几个小时,因为该网页在其他所有浏览器中都是完美的,无论它们多么老旧。但是我完全在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; }
我在这里得到一些帮助......
答案 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
。
小澄清:如果你已经在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中不起作用。除了
之外没有其他选择