无法在背景图像中加载图像-图像:来自我的文件的url
问题描述：无法在背景图像中加载图像-图像:来自我的文件的URL
回答： 这个问题通常出现在前端开发中，当我们尝试在CSS中设置背景图像时，如果图像的URL来自于本地文件系统，有时会遇到无法加载图像的情况。
解决这个问题的方法有以下几种：
- 确保图像路径正确：首先要检查图像的路径是否正确，包括文件名、文件夹路径等。可以尝试使用相对路径或绝对路径来引用图像。
- 检查文件权限：如果图像位于本地文件系统中，需要确保文件的读取权限设置正确。可以尝试修改文件权限或将图像文件移动到其他位置。
- 使用Base64编码：将图像转换为Base64编码格式，然后将编码后的字符串作为背景图像的URL。这样可以避免使用文件路径，直接将图像数据嵌入到CSS中。
- 使用服务器代理：如果无法直接访问本地文件系统中的图像，可以通过服务器代理来获取图像。将图像上传到服务器上，然后通过服务器端的脚本来读取图像并返回给前端。
- 使用CDN存储：将图像上传到云存储服务商提供的CDN（内容分发网络）中，然后使用CDN提供的URL来引用图像。这样可以提高图像加载的速度和稳定性。
推荐的腾讯云相关产品：腾讯云对象存储（COS） 腾讯云对象存储（COS）是一种安全、稳定、低成本的云端存储服务，适用于存储和处理大量非结构化数据，包括图像、音视频、文档等。您可以将图像上传到腾讯云对象存储中，并通过腾讯云 COS 提供的URL来引用图像。
产品介绍链接地址：https://cloud.tencent.com/product/cos
相关·内容
我需要帮助找到我的网页代码。我有一个"customize.css“页面，它有加载标题图像的代码。但是标题加载在"header.asp“上，然后加载到索引页"default.asp”中。我想我的问题是，在每个页面重新加载/刷新一个页眉时，我可以随机生成四个标题映像中的一个吗？
这段代码来自我的"customize.css“文件。在我得到代码之后，我应该在“背景图像：”中放入什么内容，以便将其加载到页面中？
#头{颜色：#FFF；高度:350 IN；背景颜色:透明；背景图像：我在这里放什么？；背景位置:左上方；背景-重复:不重复；}
在过去的一周里，我搜索了一个又一
浏览 4提问于2011-02-03得票数 0
我正在从一个URL加载图像，它的工作如预期。当网址不再有效时的情况，即如果图像被删除，并且我确实看到了自我从标签图标创建EncodedImage以来显示的默认图像。
我想知道是否有任何方式，我可以检查图像是否实际上已从URL加载？
我想要实现的是设置一个不同的图像为背景，如果没有找到的URL图像。
请给我建议。
谢谢。
浏览 0提问于2017-04-27得票数 1
1回答
虽然在无法加载原始图像时，似乎有很多关于<img>处理中断以显示替换图像的答案，但我似乎找不到关于丢失背景图像的解决方案。
问题:如果原始背景图像没有加载，如何显示另一个背景图像？
我应用这样的背景图像：
<div style="background-image: url('img/test.jpg');"></div>
浏览 1提问于2016-07-28得票数 2
2回答
在我的第一个rails项目中，我遇到了一些问题。在本地，在开发中，我的网站显示得很完美。字体被正确加载，背景图像显示在每一页上。然而，在Heroku上，字体不显示，背景图像也不显示。
我已经尝试运行以下命令
RAILS_ENV=production rake assets:precompile
RAILS_ENV=production rake assets:clobber assets:precompile
RAILS_ENV=production rake assets:clean assets:precompile
heroku run rake assets:precompile
he
浏览 4提问于2016-06-10得票数 0
在有些特殊的情况下，我需要根据Ajax加载的页面中返回的数据来加载背景图像。
显然，单击在这里不起作用，通常的答案是提供和.on点击事件处理程序，但在这种情况下，没有事件触发，我基本上是试图在页面加载时加载背景图像。
我抓取新加载页面上图像的url并将其设置为var，然后尝试使用该url作为元素的背景图像：
它看起来是这样的：
<script>
var bgImage = '<?php echo TEMP_LOC . $track->track_id . '-bg.jpg'; ?>';
$(document).ready(funct
浏览 6提问于2018-09-05得票数 0
我是Angular 4的新手，所以这可能是一个有点愚蠢的问题。我在我的component.ts上得到了一个值photourl:string;，其中包含来自我的firebase数据库的图像的url。我想使用这个url作为我在component.html中获得的div的背景图像，以便在我的component.css中无法识别的component.html {{photourl}}中显示{{photourl}}。有没有什么方法可以直接在我的component.css文件中使用TypeScript值，或者我需要使用component.ts中的javascript来干预component.css？
浏览 0提问于2017-10-01得票数 1
我有一个简单的用例。我有一个本地映像uri (content://path)，加载到一个ImageView中--这是步骤1。按下按钮后，图像被替换为来自我们服务器的图像--这是步骤2。
我的代码非常简单--或者至少，在我将代码简化为以下内容之后，我仍然可以重现这个问题：
Glide.with(imageHolder.getContext()).load(url).into(imageHolder);
这是第一次用本地uri (content://path)调用，然后是远程url (http://path.com)。
加载本地uri运行得很好。问题是，一旦我从服务器启动负载(这可能需要一秒钟)，
浏览 1提问于2017-07-17得票数 1
回答已采纳
1回答
我有一个jqGrid，它有默认的背景图像，我想改变它的背景图像。我尝试了网上推荐的几种方法
方法1.我在CSS中添加了以下代码
.ui-jqgrid .ui-widget-header
{
background-image:url(images/my-header.png) repeat-x !important;
}
方法2.添加以下代码以加载jqGrid的完整事件
loadComplete: function () {
$("#gview_jqgCUST .ui-jqgrid-titlebar").removeClass('ui-widget-hea
浏览 0提问于2013-06-27得票数 0
回答已采纳
我有一个图片，我想要显示作为背景的主页。这就是我要做的，
background: url(../../imgs/b2.jpeg) no-repeat center fixed;
图像位于文件夹'imgs‘中，导航是正确的。现在，我正在收听本地主机地址的端口5000。(127.0.0.1)，当我预览应用程序时，由于以下错误，图像无法加载，
-加载资源失败:服务器响应状态为404 (未找到)
这是因为浏览器正在查找相对于IP地址的文件。在这种情况下，如何指定本地保存的图像的正确位置？
谢谢!
浏览 2提问于2016-08-02得票数 0
回答已采纳
1回答
我正在将我的应用打包成一个可运行的jar，里面有我所有的图像。对于我的背景，我如何编写‘JEditorPane’属性的css文件/url，因为我将无法获得路径，因为图像是打包在jar中的？
如果我通过类加载器getResourceAsStream加载图像，我如何在JEditorPane中引用它？
浏览 0提问于2012-08-08得票数 0
回答已采纳
我无法将图像作为背景加载，我的图像位于
img/my_images.jpg
这是我的css代码
.background-content
{
background-image: url(img/my_images.jpg);
background-position: center;
}
css文件位于
css/my_style.css
但是，每次我将图像移动到与css相同的文件夹中时，它都会完美地加载图像。是否不可能从css的外部文件夹加载图像？
谢谢你的帮助。
真诚的盖马。
浏览 2提问于2015-02-16得票数 0
回答已采纳
我正在创建maven spring java web应用程序。我在web.xml中为缺省servlet放置了一个映射，该映射映射到web文件夹下的资源文件夹。现在，在这个资源文件夹下，我有三个文件夹：
img，css，html。
我在web文件夹下有一个jsp页面。从这个jsp页面，我是指向css和css，我正在设置背景图像，这是在img文件夹。
css正在成功地包含在jsp页面中，而背景图像没有加载，无法解析并为在url()方法下定义的图像找到准确的路径。
下面是我的资源片段：
css文件：
正文{
高度: 70%；背景-图像: url('/resources/img/image
浏览 2提问于2017-06-19得票数 0
在Magento 1.7.0.2中的CMS块中，我正在尝试获取背景图像
我在该块的HTML编辑器中使用的代码如下：
<div class="imageclass" style="background: url()">
</div>
在url()中，我应该放置图像的确切网址。但问题是，如果我从CMS 中的WYSIWYG文件夹加载，则无法获得正确的路径
，那么我应该把什么样的路径放进下面的url中呢?
<div class="imageclass" style="background: url()">
浏览 2提问于2013-12-09得票数 4
回答已采纳
请帮帮我，我已经为此工作了几个小时了。我刚刚开始玩JavaScript。 所以我有一个按钮，可以加载一个新的浏览器窗口，加载背景图像。如下所示，没有问题。 HTML <script>
setBackground();
</script> JavaScript function setBackground() {
document.body.style.backgroundColor = "#000000";
document.body.style.backgroundImage = "url(bg.jpg)
浏览 39提问于2021-01-01得票数 0
3回答
我在javascript中通过一个thumbnailFilePath查看3个不同的背景图像.jpg文件时遇到了麻烦。HTML和CSS编码可以正确识别所有文件，但无法将背景图像加载到浏览器中。因此，您无法查看这些图像。另一方面，浏览器能够正确识别并查看javascript视频图像文本和play_icon.png图像文件。
// JavaScript Document
$(document).ready(function(){
$('a.videoLink').each(function(){
var thumbnailFilePath = 'video/
浏览 0提问于2012-03-16得票数 0
1回答
我试图添加一个背景图像到我的html页面。当我使用一个网站链接，网页能够加载背景图像。但是，当我将图像保存到本地驱动器存储时，背景图像无法在网页中显示。请帮帮我！谢谢!
.header {
position: relative;
height: 210px;
/* background-image: url("https://scx1.b-cdn.net/csz/news/800/2017/theoreticala.jpg"); */
background-image: url("banner1.jpg&#
浏览 2提问于2022-11-09得票数 -2
我正在尝试创建一个简单的登录页面和我的css背景图像不加载。这是我正在使用的代码
landing_container {
display: inline-block;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.6);
background: url("http://www.livingwatersshop.com/blog/wp-content/uploads/2016/09/Landing-Page-Background.jpg") 50%;
bac
浏览 11提问于2016-09-19得票数 1
回答已采纳
我正在使用一个国际象棋应用程序，它从FEN Notation加载国际象棋位置
关于我做的事情的基本信息..
我使用64个图像视图的Gridview，并将棋盘图像设置为Gridview的背景图像。我无法在Gridview.But中加载国际象棋位置。我不知道如何将棋子从当前位置(第一次单击)移动到新位置(第二次单击)。但我有两个位置，来自我的CustomAdapter的onclick。
我是android和gridview的新手
浏览 1提问于2017-04-26得票数 0
1回答
我引用了一个javascript对象(图像)，它是由用户从“打开的文件”对话框中提供的。如何将此图像文件加载到css背景映像中，而不必先将所有数据读入base64 64-字符串？
我找到的示例使用FileReader读取数据，然后将其加载到css-标记中，但这似乎有点不太有效地使用内存。因为我有文件引用，所以如果我可以以某种方式将它传递到css-标记中，并让图像被流到内存中，那就太好了。用于“背景图像”的url()-wrapper支持本地文件名，但出于安全原因，我的脚本无法使用文件的完整路径，因此我不能使用它。
有什么建议吗？
浏览 2提问于2017-03-25得票数 1
回答已采纳
我想要一个非常低质量的背景图像加载与最初的油漆，然后一个更高的质量版本取代它，根据浏览器的宽度。
下面是我的：
<div style="background-image: url('data:image/jpeg;base64,[...]');"></div>
我给div一个base64背景图像，这是非常低的分辨率。
在我的CSS中：
@media(max-width: 600px) { div { background-image: url(600.jpg) !important} }
@media(max-width: 1000p
浏览 0提问于2018-07-12得票数 1
回答已采纳
9回答
我正在使用create-react-app开发我的react应用程序，并将其部署到Github页面。我的应用程序在开发过程中工作正常。但是，当我部署时，它成功地部署，但背景映像未能加载。
在index.css文件中加载背景图像：
body::after {
background-image: url("/background-img.jpg");
}
package.json主页
{
"homepage": "http://bigfanjs.github.io/my-repo/",
}
app目录上的背景图像：
| build
|
浏览 4提问于2018-06-23得票数 6
2回答
插图背景图像
、、
我正在尝试使用plotly在我的图表上获得背景图像。如果不使用images.plot.ly链接，我似乎无法显示任何图像。我在与项目相同的文件夹中尝试了web URL和本地图像。这是当我使用他们教程中的图像URL时显示的内容：
这是唯一一次我可以得到任何东西来展示。任何其他链接在图形上都不会产生任何结果。有什么建议吗？我已经到处找过了。
layout = dict(title = 'Crime Cluster Statistics',
yaxis = dict(zeroline = False),
xaxi
浏览 0提问于2018-05-01得票数 3
我把html标签放在了头部，这样我就可以更容易地链接到相关的图像和<base>文件。到目前为止，它运行得很好，唯一的问题是有时(我认为每5次中就有一次？)图像无法正确加载。
有趣的是，只有<img>标签中的图片有时不会加载，所有的背景图片都可以正常工作。
当我查看源文件时，图像的url似乎是正确的，当我在新标签中打开url时，它也可以正常工作。
以前有没有人遇到过类似的问题？
提前谢谢。
浏览 0提问于2015-12-09得票数 1
2回答
嗨，我已经被我认为是文件路径问题卡住了很长时间。我正在创建一个简单的布局与背景图像，背景图像加载为http url，但一旦我保存到我的计算机上的文件，并改变了图像，我无法让它加载。文件结构如下: new project/css/images/index.html
代码：
header {
height: 450px;
background-image: url('../images/bg_blur.png'), center, center;
background-size: cover
}
我的徽标图像也遇到了同样的问题。
<div class
浏览 0提问于2015-03-22得票数 0
我有一个CSS文件，我在其中添加了一个背景，最初它。然后，过了一段时间，我又添加了一些背景图片到我的媒体文件夹，并试图改变背景。但这一次，它没有起作用。此外，再次加载先前的背景图像本身。我试着检查网页。在源代码中，我打开了CSS文件。它没有更新。它仍然显示先前的背景图像url。如何纠正这一问题？
我的CSS文件(以前)：
body {
background: white url("images/background.png");
}
ul.errorlist {
padding-left: 0;
}
ul.errorlist > li {
浏览 0提问于2018-01-21得票数 0
回答已采纳
1回答
背景图像未从其他文件夹加载
、、、、
我在向段落中添加背景图像时遇到了一个问题，当我使用其他文件夹的background-image:url('C:\Users\Umar\Desktop\pic2.png')；URL时，它不会加载pic的，而在它加载的文件的同一文件夹中使用这样的图片
浏览 5提问于2022-07-22得票数 0
2回答
我有一个文件结构：
home.html
img/bg_damask1.jpg
css/style.css
当我设置我的身体背景图像时，我无法加载它。我试过了：
background-image: url('../img/bg_damask1.jpg');
background-image: url('/img/bg_damask1.jpg');
background-image: url('img/bg_damask1.jpg');
但没有一个是有效的。如何让我的css引用背景图像？
在浏览器开发工具中，我发现无论我放入什么文件路径，浏览器只引用
浏览 0提问于2015-11-04得票数 0
1回答
我希望有人能帮我！我有一个背景图像，但是当我把它推到GitHub时，它会产生一个404错误。我检查了控制台，并将其加载到text/html类型中。我的所有其他图像都在加载，背景文件路径是正确的。还有什么需要我做的吗？谢谢!
background:
linear-gradient(
to right,
rgba($Dust_Blue, 0.5),
rgba($Dust_Blue, 0.2)
),
url('/assest/images/background.jpg') center top;
back
浏览 2提问于2022-05-29得票数 2
我的目录结构如下：
example/
├── css/
│ ├── styles.css
├── img/
│ ├── background.jpg
└── src/
├── scss/
│ ├── app.scss
└── app.js
当我为app.scss中的背景图像(如background-image: url("/img/background.jpg"); )指定一个绝对URL时，它将工作得很好。
但是，如果我指定一个相对URL (如background-image: url("../img/background.j
浏览 2提问于2019-02-06得票数 0
回答已采纳
1回答
我的图像都没有显示出来
、、、
我正在使用Jekyll创建一个简单的站点。我试图通过CSS背景图像属性将背景图像放到主人公部分，但图像无法加载。我测试了一个不同的图像，尝试使用元素将图像直接上传到HTML中，但也无法加载。这让我怀疑路径是否错误，但我似乎找不到我的目录结构或代码中的错误。我在firebug中测试，发现错误是‘无法加载给定的url’。我所有的图片都位于我的项目的' images‘文件夹中，我复制并粘贴了实际的名称，以确保我没有输入错误。下面是一些相关的代码。
此部分的我的项目中的文件夹结构：
_scss (folder)
1-tools (folder)
2-modules (folder)
浏览 2提问于2015-08-11得票数 0
Bluemix提供了下载包含html和style.css文件的zip文件的功能，使用户能够自定义他们的页面。这太棒了！然而，我似乎无法使它发挥作用。我更新了正确的login.html和等效的style.css文件。它在我的浏览器中正确显示，但是当我将文件上传回bluemix时，页面信息和设置会像预期的那样显示，但是背景jpg图像不在那里。
从我的style.css中抽泣：
body {
width: 90%;
margin: 0;
padding: 0;
background-image: url('./my.jpg');
background-repeat
浏览 1提问于2015-11-16得票数 0
回答已采纳
1回答
你好，我想把背景图像放到我的html页面，不幸的是，它不想被显示，即使我在css中的url中指定了图像的相对路径，该怎么办？我也有这个错误未能加载资源: net::ERR_FILE_NOT_FOUND，我不明白
我的css路径也是正确的，事实上，当我在html中加载图像时，它是工作的，但是当我想在css中加载背景图像时，它不工作。
body {
background-image : url('images/nightvision.jpg');
}
查看文件夹是如何组织的
我想要这个图像作为背景
编辑:我认为它与一起工作
background-image : ur
浏览 3提问于2022-11-06得票数 0
回答已采纳
我有一个HTML按钮，其中有一个onclick函数"clicked()“。如果单击，我想加载一个图像作为一个div标签的“背景图像”。图像应该从服务于图像非常不可靠的服务器(雨雷达)加载，响应时间非常长，直到超时。我无法控制服务器，但我可以获取图像。
如果图像无法加载或30秒后未加载，则需要显示故障转移图像或一条简单的文本消息，以便稍后再试。
我试图为样式背景图像属性定义第二个(故障转移)图像url，但是我的页面总是加载故障转移图像，我想这不是这样的。此外，我不想显示一个“加载图像失败”图像，而页仍然等待收到答复.
index.html
...
<a href="#got
浏览 2提问于2020-08-26得票数 1
回答已采纳
1回答
我正在尝试将多个css文件合并为一个文件(来自我主机中的许多不同文件夹，包括外部css文件)。我使用以下简短的代码：
声明数组：
$styles=array(
array(
'name'=>'style1.css',
'path'=>'http://mydomain.com/css/'
),
array(
'name'=>'camera.css',
'path'=>'http://mydomain.com/js/camera/'
),
arra
浏览 0提问于2013-12-03得票数 0
2回答
我对webpack是个新手，但是在react中css加载器或文件加载器有一些问题。
我试图加载一个背景图像，但它不是很正确。背景图像不会显示，即使devtools显示了背景图像样式。
我正在尝试通过React: background: url('../../assets/img/1017.jpg')中的css文件加载此背景图像。
这是我的web包配置：
[![const path = require("path");
module.exports =
{
mode: "development",
entry: path
浏览 1提问于2019-06-24得票数 0
1回答
我可以加载CSS文件，它存储在静态文件夹中。但是，当我试图在CSS文件中设置背景图像时。我失败了。
我在css中使用了URL({{ STATIC_URL }}images/img01.jpg)，但它没有加载图像。
浏览 3提问于2013-07-30得票数 1
回答已采纳
我正在尝试从Unsplash URL预加载名为的图像：
https://source.unsplash.com/random.
正如您所看到的，此URL返回随机图像的URL。我正在尝试预加载返回的图像，但我无法获取所选图像的返回URL。
var image = new Image();
image.src = 'https://source.unsplash.com/random';
image.onload = function(){
element.css('background', 'url('+ image.s
浏览 4提问于2015-12-30得票数 2
有一个有大量图像的页面。这些图像被设置为CSS样式背景，如下所示：
<div style="background-image: url("http://test.com/abc123.jpg");">
页面加载，但有时，有些图像是而不是加载的。URL仍然被设置，DIV有正确的大小，只有图像本身没有显示。(这可能是由于浏览器、服务器或网络问题造成的，但这在这里并不重要--我们只想知道图像是否已加载)。
如何检查这样的背景图像是否已加载？
浏览 2提问于2013-11-11得票数 1
图像是部分加载，即使我已经杀了，并重新开始。而且，这种情况很少出现，因此无法触及确切的问题。由于缓存，图像没有自我校正，并且保持不变。但需要一个解决办法来解决这个问题。随附代码和图像的参考。
extension UIImageView {
public func sd_setImageWithURLWithFade(url: URL!, placeholderImage placeholder: UIImage? = nil) {
self.sd_setImage(with: url, placeholderImage: placeholder, options:
浏览 0提问于2018-08-09得票数 1
1回答
检查图像与多个背景图像
、、、、
在角我有一个简单的图像加载指令，它接受一个图像url检查它是否存在，它设置它成功加载的图像或作为背景图像的回退。
return {
restrict: 'A',
scope: {
imageLoad: '@'
},
link: function(scope, element, attrs) {
var fallback = 'fallbackimg.jpg';
attrs.$observe('imageLoad', function (url) {
浏览 1提问于2017-01-20得票数 1
回答已采纳
1回答
新到金字塔和巨蟒。我已经能够在我的任何jinja2模板中成功链接到我的静态文件，即：
<link rel="stylesheet" type="text/css" href="{{'myproject:static/mycss.css'|static_url}}"></link>
.css文件加载得很好，我可以链接到静态文件夹中的任何图像，只要我在jinja模板中这样做即可。
我想使用一个图像作为背景，但在链接到我的css文件中的图像时遇到问题：
#mydiv{
background-image:url(&
浏览 0提问于2012-09-26得票数 7
回答已采纳
3回答
我有一个空的div列表，并动态地插入一个背景图像-所以一开始，它们的background- image : url()；属性是完全空的。通过一些事件，它的背景图像url加载到之前空的background-image: url()；标记中。出现的背景图像的url暂时存储在div的"alt“标记中：
<div style='background-image: url();' alt='http://something...'></div>。
我这样做是为了在几个动画gif上获得圆角，而不是使用透明gif(没有平滑的边缘)。
问:谷歌机
浏览 1提问于2010-02-23得票数 1
回答已采纳
2回答
我创建了一个幻灯片，它使用一个图像作为div背景，然后随着幻灯片的递增，背景图像值也会更新：
<div id="imageBoxContainer" style="background-image: url('<?php echo $image_url[0]; ?>');">
function incrementSlide(){
$('#imageBoxContainer').css("background-image", "url(" + theNextSlid
浏览 5提问于2016-10-28得票数 0
3回答
我正在开发的网站上使用了一个相当大的背景图片。当前，背景色被加载，当图像加载完成后，它将被加载。这是非常好的；但是，我正在尝试实现一个效果，一个预加载器gif旋转，直到背景图像加载，然后淡入。目前这里是我的Jquery (它根本不能工作)
$(document).ready(function(){
$('span.loader').show();
$("body").css('background-image','url(images/bg.jpg)').ready(function(){
浏览 2提问于2011-03-06得票数 1
回答已采纳
2回答
对于我的网站，我使用高分辨率的图片作为我身体的背景。如果我只是简单地放置document.body.style.backgroundImage = "url('URL OF PICTURE')";，我就可以垂直地观察图像加载到页面下。我只希望在文件加载后设置背景图像，并在加载时显示默认的灰色背景。有什么想法吗？
浏览 4提问于2014-04-16得票数 3
回答已采纳
我使用JEditorPane在我的JFrame上设置背景图像。我之所以使用这个组件，是因为我想设置小图像，并且能够根据帧的大小重复它。类似于CSS类似的背景-重复。问题是，我无法从本地文件夹加载图像。
background.setContentType("text/html");
background.setText("<html><body style=\"background-image: url(http://hq-wallpapers.ru/wallpapers/8/hq-wallpapers_ru_abstraction3d_3931
浏览 0提问于2015-05-09得票数 1
回答已采纳
我有一个web应用程序，背景图像是深色的。它的大小也超过了100KB。(我真的不喜欢背景图片这么大，但这不是我能做的任何事情，也不是这个问题的主题……此外，这是一个JPEG！..网页设计来自客户，我不得不让它保持原样，尽管我提出了抗议！)
由于背景图像主要由深色(接近黑色)组成，因此文本为白色。
问题是，用户第一次访问网页时，背景是白色的(默认浏览器背景)，文本也是白色的，所以你看不到任何文本。只有在加载了背景图像之后，您才能阅读文本。(页面加载一个CSS文件，这将加载另一个CSS文件，其中指定了背景图像。因此，在高延迟连接上，例如UMTS移动互联网连接，这可能需要几秒钟的时间。)
有没有办法
浏览 0提问于2011-03-02得票数 13
回答已采纳
我在HTML5，CSS3和jQuery中创建简单的拖放游戏。在这个游戏中，我是使用数字图像作为背景图像，一个独立的div与鼠标向下，鼠标移动和鼠标向上事件。
HTML代码是：
<div class="car"></div>
<div class="bus"></div>
<div class="bike"></div>
Css代码是：
.car{ background-image: url("../images/car.png");}
.bus{ backgr
浏览 4提问于2013-12-03得票数 0
回答已采纳
1回答
我正在尝试创建一个带有动态背景图像的巨型加速器的移动网站。
当用户输入自己的链接时，我将提供来自我的web服务的背景图像url。
在这个链接中有一个固定背景图像的解决方案，但是我不知道如何动态地改变它，或者动态地添加图像。
如果你能帮我那就太好了，
谢谢,
浏览 1提问于2014-05-03得票数 1
回答已采纳
我已经学习了如何使用文件Webpack在javascript中包含scss文件，但现在我想从scss生成一个css文件。我使用ExtractTextPlugin来做这件事，我可以生成一个css文件，但问题是在我的scss文件中，我设置了一些背景图片，如下所示：
background: url("../img/test.jpg") no-repeat center center;
现在，我意识到当提取到一个单独的css文件时，图像会被合并到该文件中，不同图像的大小从6kb增加到400kb，因此我无法快速加载样式。
我想忽略包含在生成的css文件中的图像，只保留url的原样，
浏览 0提问于2016-12-09得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
