文章/答案/技术大牛

发布

社区首页 >问答首页 >无法在css中设置背景图像

问无法在css中设置背景图像
EN

Stack Overflow用户

提问于 2011-09-06 22:43:53

回答 8查看 37.4K关注 0票数 2

我正在尝试使用以下代码通过CSS设置页面的背景图像，但没有图像显示。图像将在页面上平铺，大小仅为10x10px。尽管如此，它仍然没有出现。你能告诉我我哪里做错了吗？

<body>
    <div id="background"></div>
</body>


#background {
background-image: url("img/background.png");
}

html

css

background

回答 8

Stack Overflow用户

回答已采纳

发布于 2011-09-06 22:44:53

图像是CSS格式的吗？图像路径是相对于linkToCssFolder/img/background.png文件的。

另外，你的#background目录里面有内容吗？如果没有，它可能会有默认的0px高度，并且不会显示任何背景。

票数 9

Stack Overflow用户

发布于 2011-09-06 22:46:18

您还需要指定元素的尺寸...

#background {
   width: 10px;
   height: 10px;
}

背景图像不会使其容器拉伸到合适的位置。

票数 2

Stack Overflow用户

发布于 2011-09-06 22:49:00

这是一个list of all CSS keywords

我刚在http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_background_multiple上试过了，它起作用了。

我假设你的图片不在正确的位置，或者背景属性被样式或其他css规则覆盖了。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/7327011

复制

【CSS】CSS 背景设置 ⑨ ( 背景半透明设置 )

css alpha 语法

在使用时 , 可以省略 0.x 前面的 0 , 直接使用 .x 作为透明度值 , 如 :

韩曙亮

2023/03/30

3.3K0

pycharm的背景颜色设置_css中设置背景颜色

https java 网络安全

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/174387.html原文链接：https://javaforall.cn

全栈程序员站长

2022/09/27

7.5K0

【CSS】CSS 背景设置 ② ( 背景位置 | 背景位置-方位值设置 )

css background center position 语法

background-position 属性值可以是 length 长度 , 也可以是 position 方位 ;

韩曙亮

2023/03/30

4.2K0

【CSS】CSS 背景设置 ⑦ ( 背景简写 )

css background 语法

使用 CSS 样式设置盒子背景时 , 需要设置多个 CSS 样式 , 设置背景图片 , 平铺模式 , 定位方式 , 附着方式等 , 下面是一个完整的图片背景设置的代码 , 代码很繁琐 ;

韩曙亮

2023/03/30

2.8K0

【CSS】CSS 背景设置 ⑧ ( 背景设置案例 | 导航栏按钮 )

css html center text

在 div 盒子中的 a 标签是行内元素 , 为其设置宽高是无效的 , 首先要将其转为行内块样式 ;

韩曙亮

2023/03/30

4.6K0

【CSS】CSS 背景设置 ⑤ ( 盒子中图片对齐操作 )

css background repeat url 博客

首先 , 设置 div 盒子 , 设置宽高 , 以及背景颜色 , 用于显示 div 范围 ;

韩曙亮

2023/03/30

2.5K0

【CSS】CSS 背景设置 ① ( 背景颜色 | 背景图片 | 背景平铺 )

css background repeat rgb 语法

CSS 的背景颜色样式语法 : 默认的背景颜色是 transparent 透明 ;

韩曙亮

2023/03/30

6.2K0

【CSS】CSS 背景设置 ⑥ ( 背景附着 | background-attachment )

css attachment background scroll 语法

background-attachment 属性值设置 : scroll 或 fixed 二选一 ;

韩曙亮

2023/03/30

1.6K0

【CSS】CSS 背景设置 ⑥ ( 背景附着 | background-attachment )

【CSS】CSS 背景设置 ③ ( 背景位置-长度值设置 | 背景位置-长度值方位值同时设置 )

css center

文章目录一、背景位置-长度值设置二、背景位置-长度值方位值同时设置三、完整代码示例一、背景位置-长度值设置 ---- 长度值设置效果展示 : 设置背景位置为具体值 10px 50px : 粉色区域是盒子的区域 , 图片背景位于盒子位置 x 轴方向 10 像素 , y 轴方向 50 像素 ; 在水平方向上 , 背景图片距离盒子左边界有 10 像素 , 在垂直距离上 , 背景图片距离盒子上边界有 50 像素 ; /* 设置背景位置 - x 轴方向 10 像素 , y 轴方向 50 像素 */ bac

韩曙亮

2023/03/30

3K0

【CSS】CSS 背景设置 ③ ( 背景位置-长度值设置 | 背景位置-长度值方位值同时设置 )

CSS设置背景颜色透明

https java 网络安全 css

将背景颜色设置为透明，两种方法：方法一：通过background-color和opacity来设置 opacity属性参数的不透明度是以数字表示的，从0.0到1.0，完全透明是0.0，完全不透明是1.0，数字越大代表元素越不透明。

全栈程序员站长

2022/08/31

9.7K0

css颜色介绍和背景设置

alpha background center fixed repeat

现在美丽网页的设计图中颜色五花八门的，网页模块中漂亮背景图也很多，网页中颜色和背景设置必不可少，接下来我们就先学颜色是如何表达的，要知其然，知其所以然。

呆呆

2021/09/28

1.9K0

【CSS】CSS 背景设置 ④ ( 超大背景图片设置 | 背景图片定位设置 background-position: center top； )

css 网站 background center 网站开发

图片编辑策略 : 在高分辨率的电脑上可以显示全部内容 , 在低分辨率的电脑上只能显示下图红色矩形框中的内容 , 这里建议将图片的核心内容放在图片的中心偏上的位置 , 如下图所示的白色矩形范围中 ;

韩曙亮

2023/03/30

2.1K0

【CSS】CSS 背景设置 ④ ( 超大背景图片设置 | 背景图片定位设置 background-position: center top； )

如何在 Flutter 中设置背景图像【Flutter专题16】

flutter ios android

在 Flutter 应用程序中设置背景图像的常用方法是使用DecorationImage. 以下示例包括如何设置Fit 模式、透明度以及在显示键盘时防止图像变化。

徐建国

2021/12/13

12.4K0

CSS设置DIV背景色渐变

其他

FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#AC07BD, endColorStr=#f6f6f8); /*IE 6 7 8*/ background: -ms-linear-gradient(top, #AC07BD, #f6f6f8); /* IE 10 */ background:-moz-linear-gradient(top, #AC07BD, #f6f6f8);/

Vicsh

2018/05/16

3K0

css设置背景图片大小自适应_css设置整个页面背景图片

php https java 网络安全

background-image:url(food.jpg);一张图片铺满一行 background-repeat:repeat-x;同一张图片多张铺满横向

全栈程序员站长

2022/09/20

3.1K0

css中背景属性核心

attachment background image position repeat

核心：不想滚动条随网页的滚动而滚动就设置background-attachment: fixed;，默认值scroll;

贵哥的编程之路

2020/10/28

4750

HTML中背景的设置

html css

background-color 属性来完成，但在实际应用上，单调独一的背景颜色往往难以受众，因此，单独使用background-color肯定是不行的。

摸鱼的G

2023/02/22

5.6K0

HTML如何加背景图片_css设置背景图片

html java https css 网络安全

提示：HTML 5不再支持标签的background属性，建议使用CSS在Html文档中添加背景图片。

全栈程序员站长

2022/09/27

5.3K0

css只设置背景图片半透明,css 设置背景色或图片半透明的方法(图文)

https html css node.js 网络安全

css设置背景颜色半透明或者设置背景图片半透明，但有的时候只需要设置最外层的div为半透明里面的内容不需要设置

全栈程序员站长

2022/09/13

2.7K0

CSS——背景

attachment background image repeat size

定义背景(Background）属性是对HTML元素的背景进行定义的CSS属性。概述通过边框和背景的样式设置，给元素增加更丰富的外观背景的设置包含以下内容: 背景填充内容背景填充内容可以是一个固定颜色(background-color属性),可以是图像和渐变(background-image属性) 背景填充方式当背景是图像的时候，可以指定图像的平铺方式(backgroundrepeat属性) 背景填充范围列表元素描述 background background 包括background

Html5知典

2019/11/26

1K0

相似问题

CSS:在CSS中设置背景图像

在CSS中设置背景图像

Java Play:无法在HTML/CSS中设置背景图像

在CSS中设置背景颜色和背景图像

我无法使用CSS设置背景图像

215

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

问无法在css中设置背景图像
EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

CSS:在CSS中设置背景图像

在CSS中设置背景图像

Java Play:无法在HTML/CSS中设置背景图像

在CSS中设置背景颜色和背景图像

我无法使用CSS设置背景图像

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问无法在css中设置背景图像EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

CSS:在CSS中设置背景图像

在CSS中设置背景图像

Java Play:无法在HTML/CSS中设置背景图像

在CSS中设置背景颜色和背景图像

我无法使用CSS设置背景图像

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问无法在css中设置背景图像
EN