当前位置: 首页 > 面试题库 >

CSS背景图片网址无法加载

洪鸿博
2023-03-14
问题内容

我正在尝试在CSS中使用背景图片,但是即使我给出了图片的完整路径,也无法正常工作。Firebug显示“无法加载给定的URL”。我确定该文件夹中没有权限问题。我的CSS课是

body {
background: url("H:/media/css/static/img/sprites/buttons-v3-10.png") repeat-x scroll left -800px #DCDCDC;
color: black;
font: 13px/1.2em arial,helvetica,clean,sans-serif;
height: 100%;
position: relative;
}

是什么原因引起的?


问题答案:

您正在使用本地路径。那真的是你想要的吗?如果是,则需要使用file:///前缀:

file:///H:/media/css/static/img/sprites/buttons-v3-10.png

显然,这仅在您的本地计算机上有效。

此外,在许多现代浏览器中,仅当页面本身也位于本地文件路径上时,此方法才有效。从远程寻址本地文件(http://https://)页面已被广泛因安全原因关闭。



 类似资料:
  • 问题内容: 我已经按照所有的教程讲完话了。我在CSS样式表中的身体内部指定了背景,但是页面仅显示空白的白色背景。图片与.html和.css页面位于同一目录中。本教程说 已弃用,所以我在CSS中使用 没有成功。这是整个CSS样式表: 问题答案: 这是另一个图片网址结果..工作正常…我只是放了一个图片路径..请检查一下..

  • 问题内容: 如果选择了该面板(单击该面板),则该面板的颜色为蓝色。另外,我在该面板上添加了一个小标志(图像),它表示所选面板之前已被选中。 因此,如果用户看到例如10个面板,其中有4个带有这个小标记,则他知道自己之前已经单击了这些面板。到目前为止,这项工作还不错。现在的问题是我无法显示小标志并使面板同时变为蓝色。 我使用css将面板设置为蓝色,使用设置背景图像。但是背景色似乎在图像上方,因此您看不

  • 问题内容: 我计划为朋友建立一个自定义的图片库,我确切地知道我将如何制作HTML,但是CSS遇到了一个小问题。 (如果可能,我希望页面样式不依赖于jQuery) 我的问题是:CSS 中的HTML 我将这种格式用于html缩略图: 我认为CSS应该看起来像这样: 我的目标是把从我的HTML文件,并使用它的每一个(或多个)在我的CSS文件来源。 问题答案: 您最终将可以使用 但是据我所知,这还没有实现

  • 问题内容: 这是我的CSS脚本 我想把整个细胞伸展 问题答案: .style1 { background: url(images/bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; backgrou

  • 问题内容: 应该是一个相当简单的问题。在我的网站上,我这样做: 我想做的是使背景图像变暗。由于我在该DIV中包含UI元素,因此我认为我真的不能在其上放置另一个div来使其变暗。有什么建议吗? 问题答案: 您可以将CSS3 LinearGradient属性与背景图像一起使用,如下所示: 这是一个演示:

  • 问题内容: 如何在HTML顶部重复此1px x 1px CSS背景图像? 我在[其他包含的元素之上遇到了CSSshowdiv背景图片,但是似乎需要额外的div。理想情况下,我希望我根本不必使用div,但是根据HTMLimg上的[CSS背景图像这实际上是不可能的,至少对于100%宽度响应的场景而言并非如此。 问题答案: 您可以使用伪元素。在此示例中,伪元素 相 对于父元素绝对定位。它采用整个父元素的