Html 背景图像在IE 8中不显示,但在其他浏览器中工作正常
这是我的背景图像的CSSHtml 背景图像在IE 8中不显示,但在其他浏览器中工作正常,html,css,Html,Css,这是我的背景图像的CSS #容器{ 背景:url(images/background.jpg); 宽度:1000px; 高度:1400px; 填充顶部:25px; 保证金:自动; 溢出:自动; 它在除IE8之外的所有其他浏览器中都工作得很好,当页面加载时,IE上只有一个白色背景 如果我给它一个颜色背景,即90华氏度,它会工作得很好,只是图像 有什么建议吗 注意将URL放在双引号中,如“images/Background.jpg”,并用“}”关闭您的样式声明- #容器{ 背景:url(“ima
#容器{
背景:url(images/background.jpg);
宽度:1000px;
高度:1400px;
填充顶部:25px;
保证金:自动;
溢出:自动;
它在除IE8之外的所有其他浏览器中都工作得很好,当页面加载时,IE上只有一个白色背景
如果我给它一个颜色背景,即90华氏度,它会工作得很好,只是图像
有什么建议吗
注意将URL放在双引号中,如“images/Background.jpg”,并用“}”关闭您的样式声明-
#容器{
背景:url(“images/background.jpg”);
宽度:1000px;
高度:1400px;
填充顶部:25px;
保证金:自动;
溢出:自动;
}
此外,您可以通过正确的方式查看此URL以包含背景图像-我遇到了类似的问题,我的背景图像是白色的,但它没有显示在IE8中(它被显示,但向下移动到了我的背景色为白色的位置),在其他浏览器中也显示了它,我通过放置
display:inline block
解决了这个问题,您可以试试这个。其中一个原因是“容器”可能没有足够的空间来显示图像,而它将重新定位到其他位置,您可以通过放置边框:2px纯黑来检查这一点。
我建议使用适当的宽度,高度和浮动值以避免将来出现这些问题。IE8不区分大小写,尽管其他浏览器也不区分大小写
因为其他浏览器正在加载图像,我认为您不仅获得了正确的图像URL,而且它的大小写敏感度也正确
您尚未发布使用背景位置的信息,我建议您使用它
例子
background-position: center center;
background-position: left center;
background-position: 10% center;
background-position: 10% 20%;
如果您使用引号,Mac上的IE将不会加载CSS资产(光标、图像等)。如果在CSS中使用引号,请仅使用单引号。这是一个棘手的问题,没有明确的答案。我从溢出开始:自动;利润率:汽车;并贴上一个浮子:向左,看看它们是否有任何影响。如果是这样,只需将删除的样式逐个放回,然后查看是什么(或样式组合)导致图像不显示。然后为这些特定的组合寻找解决方案。你会把它放在容器中吗?背景:url(“images/background.jpg”);宽度:1000px;高度:1400px;填充顶部:25px;显示:内联块;浮动:右/左;边框:2件纯黑;float param要么是右边框,要么是左边框,要么是那个家伙,结果还是一样,除了看到后面的边框黑边框从哪里来,是不是在你期望的地方?是的,100%边框应该在哪里最好得到白色背景:(确保你使用的是正确的URL。你可以用firebug检查图像是否正在加载。firefox mate中的图像工作正常,只是IE导致了这个白色背景问题。如果我给它一个背景,如果一个图像看起来很好,老兄,说到这个,我还是一个新手,那么这应该是什么位置呢我编辑了一些简单的例子。
background-position: center center;
background-position: left center;
background-position: 10% center;
background-position: 10% 20%;