如何在SASS中加载外部文件夹中的图像作为背景图像？
在SASS中，可以使用url()函数来加载外部文件夹中的图像作为背景图像。具体步骤如下：
- 确保你的项目中有一个用于存放图像的文件夹，并将需要使用的图像放置在该文件夹中。
- 在SASS文件中，使用
url()函数来引用图像，并将图像的相对路径作为参数传递给函数。例如，如果图像文件夹名为images，图像文件名为background.jpg，则可以这样引用背景图像：background-image: url('images/background.jpg'); - 确保SASS文件中的路径与图像文件的相对路径匹配。如果SASS文件和图像文件在同一目录下，则可以直接使用文件名来引用图像。如果SASS文件位于不同的目录中，需要相应调整路径。
- 如果你的SASS文件经过编译后会生成CSS文件，那么在浏览器中加载该CSS文件时，会根据CSS文件中的路径来请求图像文件。因此，请确保在CSS文件所在的目录结构下有对应的图像文件。
SASS是一种CSS预处理器，可以提供诸如变量、嵌套、混合等功能来简化CSS编写。它的优势在于可以让开发者更高效地编写和维护CSS代码，提升开发效率。SASS可以应用于各种前端开发项目，例如网页设计、应用程序开发等。
如果你是在腾讯云上进行项目开发，腾讯云提供了一系列云产品来支持你的开发需求。例如：
- 云存储 COS（对象存储服务）：腾讯云对象存储服务（Cloud Object Storage，COS）是一种安全、高可靠、低成本、高扩展性的云端数据存储服务，适用于存储大量非结构化数据，包括图像、音视频、文档等。你可以将图像文件上传到COS，然后在SASS中使用
url()函数引用该文件。 产品介绍链接：腾讯云对象存储 COS - 云服务器 CVM（云服务器）：腾讯云云服务器（Cloud Virtual Machine，CVM）是一种可弹性创建和管理的云计算基础设施服务，你可以在云服务器上部署应用程序和网站。在使用SASS时，你可以将SASS文件上传到云服务器，并在网页中引用该文件。 产品介绍链接：腾讯云云服务器 CVM
这些是腾讯云的一些产品，可以在云计算开发中提供支持。请根据具体需求选择适合的产品。
相关·内容
1回答
钢筋混凝土
图片/Image1.jpg
sass/sass1.scss (背景-图像:url(‘./图像/Image1.jpg’))
folder1 1/folder1 2/sass2.scss (@import‘././sass/sass1’)
这是我的文件夹结构。当我试图将sass1导入到sass2中时，图像的路径不会被解析，因为sass加载程序希望图像路径相对于最终的文件，即我们的示例中的sass2。
sass加载程序搜索图像的路径是-‘folder1 1/映像/Image1.jpg’，而不是‘src/映像/Image1.jpg’。
我用webp
浏览 6提问于2017-03-30得票数 2
我有一个场景，我的所有图像都将从第三方云库加载，而不是从我的本地根文件夹加载，有没有办法在SASS中配置该路径，并将它们设置为背景图像的URL？ 这是我目前所拥有的：$placeholder-image: url('../../img/test.png')； 但是img文件夹在给定的路径下不可用，它应该仍然能够加载图像。有人能帮帮忙吗？
浏览 32提问于2020-09-30得票数 1
1回答
我的背景图像没有加载！我搜索stackoverflow寻找解决方案，但我找到的东西并没有解决我的特定问题。
我使用GULP作为构建工具，使用GULP SASS Compiler进行SASS编译，使用GULP BROWSER-SYNC作为测试服务器。
我的html
<section class="img_header">
<div class="text_img_header_centered">
<h1>blabla</h1>
<h2>blablablabla</h2>
<
浏览 1提问于2020-08-21得票数 1
1回答
这是在config.rb文件中提到的
images_dir = "images"
在“图像”文件夹中的项目中，我使用2个文件夹处理图像。
images
images/background/
images/content/
如果有任何图像在css images/background/ 文件夹中，那么我应该如何在css、background 和Sass变量中添加图像路径？
$header-img: "sass.gif";
和
background-image: url('sass.gif?1327592426');
如何摆脱每个背景图像自动生成的?
浏览 1提问于2012-01-26得票数 15
回答已采纳
1回答
在我的Vue-CLI项目中，所有图像都位于public/media文件夹中。
在Vue文件中，我能够使用路径/media/image.png引用公用文件夹映像
当我试图在我的屁股上设置一个背景时
background-image: url('/media/image.png');
它在下面抛出错误：
Module not found: Error: Can't resolve '/media/image.png' in 'myPath/src'
默认情况下，sass是在/src文件夹中查找图像。
有办法使用/public文件夹中的图像吗？
浏览 1提问于2022-06-13得票数 3
1回答
在使用HTML5、SASS (Koala编译)和一些jQuery在本地完成网站之后，我将其上传到GitHub，并将其托管在git页面上。一切都完美无缺，除了我的背景图像没有出现。使用‘'../'元素’，我发现从为img文件background-image: URL("../../img/background.jpg")指定的URL中删除一个background-image: URL("../../img/background.jpg")，解决了这个问题，并显示了背景图像。
让我困惑的是，我把电脑上的结构直接上传到Github，而没有修改任何东西。
浏览 0提问于2016-12-14得票数 3
回答已采纳
2回答
作为背景，我试图加载SVG图标在我的反应应用程序，并使用对象标签，以便我可以轻松地操纵图标的颜色。
在这个中，他们说：
如果您想使用外部样式(这些样式更易于使用和维护)，则不能使用或使用背景图像。如果正在使用，则需要从SVG文件内部引用样式表(请参见下面的代码)。记住:如果您这样做，SVG也无法知道它的父类是什么(即)，所以不要试图在它的样式中使用它。内联SVG不需要添加这些内容，因此在这个意义上可以稍微更容易地使用。
并提供以下代码示例：
// Add to very start of SVG file before <svg>
<?xml-stylesheet t
浏览 1提问于2020-12-16得票数 0
1回答
我是Sass的新手，这可能是我的错。不管怎样，让我描述一下这个问题。
html文件
<ul>
<li><a href="#">Facebook</a></li>
<li><a href="#">Google</a></li>
<li><a href="#">LinkedIn</a></li>
<li><a href=
浏览 1提问于2015-11-20得票数 1
回答已采纳
2回答
Webpack +文件加载器+sass加载器在解析CSS背景图像的相对路径时遇到了问题。
编译后的SCSS文件包含背景图像的路径，该图像是相对于/dist/而不是相对于SCSS/CSS文档的。我研究了这个问题；sass-loader建议使用resolve-url-loader (带有源代码映射)。但是，添加resolve-url-loader对编译后的CSS没有任何影响。
我已经能够通过将'publicPath‘设置为'../..’来解决该问题。文件加载器上。或者通过禁用css加载器上的'url‘设置。这两个都不是很好的解决方案，并且会导致通过HTML或其他来源复制文件
浏览 113提问于2017-08-10得票数 11
回答已采纳
我正在构建一个带有角2、sass和webpack的应用程序，我在每个组件中都需要的sass文件(使用required )上的url有问题；它不会将这些文件复制到资产文件夹，也不会将url修改到已构建的css样式中。当我使用import和html组件中的资产时，它是正确的。
装载机：
...{
test: /\.html$/,
loader: 'html'
},
{
test: /\.(png|jpe?g|gif)$/,
loader:
浏览 1提问于2016-05-23得票数 7
回答已采纳
我想在没有const的div的背景中有一个图像。我需要的图像是一个背景图像，所以我可以把文字放在它上面。我想避免在sass文件中硬编码背景图像。但是，我很好奇它是如何在sass文件中编写的。
以下只是一张图片，不是背景图片：
class Card extends Component {
render() {
return (
<div className='home-card-view flex-center'>
<div>
<img className='home-c
浏览 0提问于2018-04-03得票数 2
1回答
在我的项目中，我有一些scss，与webpack一起，我可以正确地构建和捆绑一切。在我的scss文件中，我有一些url来获取一些图像。像这样：
background-image: url(../img/example.svg),
这要归功于webpack的这些装载机:文件加载器、sass加载程序、css加载程序和minicss提取插件。下面是工作webpack的配置：
{
module: {
rules: [
{
test: /\.s?[ac]ss$/,
exclude: /node
浏览 0提问于2019-11-22得票数 0
回答已采纳
我在React.js中有一个使用SASS和使用Webpack 1的项目。
我有包含所有图像和其他资产文件夹的图像文件夹。
我不希望webpack对图像做任何事情，我希望它们在运行时通过url加载。我在JSX中通过在jsx代码中使用内联的图像urls (而不是导入它们)解决了这个问题，它工作得很好。
但是当我尝试在SASS中做同样的事情时，它就不同了:我曾经在绝对通过/images/abc.png中引用它们，并且它起作用了。我甚至没有为他们准备一个webpack加载器，它只是工作。但我不得不将其更改为相对路径../../www/images/abc.png，但它全部崩溃了:它拒绝在没有webpa
浏览 13提问于2017-03-10得票数 0
回答已采纳
3回答
我使用Webpack捆绑我的模块，并在一个基于反应的应用程序中使用sass进行造型设计。
使用单独的样式表，我将设置组件的背景图像，并在index.js中加载该样式表。除了背景图像之外，样式表中的所有样式都应用于该组件。
这是我的样本样式表
$bg-img: url('/img/bg.jpg');
.show {
position: relative;
background: $black $bg-img center center;
width: 100%;
height: 100%;
background-size: cover;
浏览 6提问于2016-02-10得票数 12
回答已采纳
2回答
正如标题所述，当我将引用的URL传递到背景图像或光标时，它根本不加载文件。
我使用Vue并安装了以下库：：Vuetify、SASS、SASS-Loader、Node-SASS。
我无法卸载Node-SASS，因为没有它，我的项目无法运行。
下面是一些示例：
// This works
#app {
cursor: url(../public/graphics/Nights_Edge.png), auto;
}
// This doesn't work
#app {
cursor: url('../public/graphics/Nights_Edge.png')
浏览 2提问于2022-11-14得票数 1
2回答
我目前正在与中间人合作，以建立一个新的页面，但现在图像url助手似乎不起作用。
在我的config.rb中有：
#Use relative URLs
activate :relative_assets
set :css_dir, 'stylesheets'
set :js_dir, 'javascripts'
set :images_dir, 'images'
在我的applications.css.sass中，我有这样的内容：
body
background: image_url("background.png")
浏览 3提问于2013-12-21得票数 4
回答已采纳
2回答
如何在图像完全加载后隐藏div？
、、、、
我一直在页面上为我的图像添加一个加载微调器。为此，我设置了一个加载微调器作为围绕图像的div的背景，一旦图像被加载，背景微调器就会被图像覆盖。
问题是我的一些图像有透明的中心，因此旋转的一部分通过图像。
有没有办法在图像完全加载后将div背景设置为透明(或其他可以移除/隐藏微调器的东西)？
如果有一种方法可以在图像完全加载后触发javascript，那就是将javascript设置为类似于document.getElementById('loading').style.background = "transparent";，我只是不知道这是否可能，因为我的jav
浏览 2提问于2020-06-16得票数 0
2回答
情况是这样的： 我的PC上有一个文件夹，其中包含一个HTML文件、一个CSS文件和一个图像文件夹。我一直在我的PC上通过浏览器进行测试，但我想在我的Android上运行相同的文件，以便在移动设备上进行测试。我压缩了整个文件夹，通过电子邮件发送给自己，然后下载并在我的Android上解压。当我点击HTML文件时，我可以在移动浏览器上打开页面，但是CSS文件似乎根本没有加载，尽管所有的文件仍然在我的手机上的同一文件夹中。我是不是漏掉了什么明显的问题？
浏览 19提问于2021-07-17得票数 0
1回答
我试图在Apache (充当代理(proxyPass) )的后面设置一个web应用程序，以添加一个contextPath。当然，只有vhost必须知道这个contextPath。
一切都很好，除了没有载入的背景图像。原因很简单：
SASS图像URL是绝对的，不包含contextPath.
如果最终CSS中生成的URL是相对的，则应该正确地加载图像。
如何使用SASS/Webpack生成相对路径?
备注：
无论我在SASS文件中使用的是绝对路径还是相对路径，最终输出总是绝对的。我目前使用：
Webpack 3
节点-sass 4.5.3
sass-装载机6.0.6
摘录-文本-
浏览 2提问于2017-09-14得票数 2
回答已采纳
我使用Sencha ExtJS以及compass compile和sencha splice命令创建了一个自定义主题。
我有一个文件夹结构如下：
/ext-4.1.0 -- This is where the stock SDK resides
/resources -- copied from the SDK template, as per the instructions
/resources/sass -- This is where my SASS and confif.rb file reside
/resources/css -- This is where compass co
浏览 1提问于2012-06-25得票数 0
回答已采纳
1回答
我在HTML中有问题，图像没有在浏览器(火狐)中加载/显示。我想把这个图像设置为背景。我的html文件在D:驱动器中的文件夹中，我的图像是F:驱动器。我使用的是和代码(系统设置)，我已经检查了文件路径。
<img src="F:/mountain.png" alt="mountain">
浏览 2提问于2021-08-03得票数 0
我试着用webpack 加载一个包含背景图片的.scss文件。.scss的一部分类似于
.clouds_two {
background: url(require("../../../images/cloud_two.png")); //no error, just not display
//background: url("../../../images/cloud_two.png"); // 404 error
position: absolute;
left: 0;
top: 0;
height: 100%;
wi
浏览 0提问于2016-07-22得票数 0
我最近遇到了这个问题，但我不知道webpack的背景有什么问题。
每次保存SCSS文件(./src/scss/)时，webpack都会刷新页面(我猜是热模块重新加载)，但是在刷新之后，我的图像(应该从html <img>标记加载)消失并返回一个404错误。
只有当我保存位于src/文件夹中的文件时才会发生这种情况，如果在保存src/ file后立即保存html(它不在./src/文件夹中)，图像就会重新出现！
你知道怎么解决这个问题吗？(我用webpack 5)
我已经尝试了我在互联网上发现的每一件事，比如目标：‘网络’或热模块重新加载设置blahblah...but没有任何作用。
浏览 10提问于2022-01-04得票数 0
在托管为Github页面的网站上设置Bootstrap 4.5的好方法是什么？ 大多数Bootstrap 4.5文件，如CSS和JS文件夹，都可以很好地传输到github。但是，Bootstrap 4.5包含Sass，它随Node Modules文件夹一起提供。Node Modules文件夹加载了太多文件，github无法一次接受这些文件(github会显示错误，指出它不会接受太多文件，必须小于100)。将文件夹拆分成不到100个文件的数据包似乎很愚蠢。我想有一个更好的方法，但我不知道。
浏览 26提问于2021-04-01得票数 0
我目前正在改写我玩的一款网页游戏的CSS，以提供更愉快的用户体验。我唯一有困难的是正确地替换背景图像，因为在脚本将其替换为纯色之前，原始背景图像会加载到屏幕上。纯色，我正在用加载来替换它，但直到页面加载之后。
我尝试过使用document.onload、.onDomContentLoaded、.ready等，但由于某种原因，这些都不起作用。有没有什么方法可以防止在脚本运行之前加载背景图像？
浏览 0提问于2015-06-27得票数 0
1回答
我在react中使用node-sass，并希望引用public文件夹中的静态图像，它不在我的src文件夹中。
background-image: url("/images/icon.png");
但是sass不会编译，因为图像不是在src文件夹中找到的。
Module not found: Error: Can't resolve '../images/icon.png'
我该怎么做？或者如何让它忽略这个检查，或者让它引用存储我的静态文件路径的public文件夹？
浏览 9提问于2022-07-13得票数 1
回答已采纳
我曾经用过webpack编辑存储在dist/img文件夹中的webpack背景图片，但在css文件中显示dist/img/ project.After ..所以图像加载不是properly...if图像路径../img/ works..how it it works..how我可以这样做..
这是我的webpack.config.js文件
module.exports = (env = {}) => {
return {
entry: ['./src/js/app.js', './src/scss/main.scss'],
浏览 7提问于2018-09-01得票数 0
1回答
我的图像都没有显示出来
、、、
我正在使用Jekyll创建一个简单的站点。我试图通过CSS背景图像属性将背景图像放到主人公部分，但图像无法加载。我测试了一个不同的图像，尝试使用元素将图像直接上传到HTML中，但也无法加载。这让我怀疑路径是否错误，但我似乎找不到我的目录结构或代码中的错误。我在firebug中测试，发现错误是‘无法加载给定的url’。我所有的图片都位于我的项目的' images‘文件夹中，我复制并粘贴了实际的名称，以确保我没有输入错误。下面是一些相关的代码。
此部分的我的项目中的文件夹结构：
_scss (folder)
1-tools (folder)
2-modules (folder)
浏览 2提问于2015-08-11得票数 0
如何在全局SASS样式表中指定背景图像？在"src“文件夹中，我有一个"sass”文件夹，其中包含以下样式表：
background-image: url(../assets/test.jpg)
“资产”文件夹与"sass“文件夹的级别相同。除上述路径外，我还尝试使用"./“和”./“，但没有效果。
错误：
ERROR in ./src/assets/test.jpg 1:0 Module parse failed: Unexpected character '�' (1:0) You may need an appropriate loader
浏览 0提问于2019-05-08得票数 2
1回答
在将scss文件导入到index.js时，我得到一个模块找不到错误。 下面是我的项目目录： ? 这是我的index.js (在js文件夹中)： import '../sass/main.scss' 这是我的webpack.config.js文件： const path = require('path');
module.exports = {
entry: './src/js/index.js',
output: {
filename: 'bundle.js',
path: path.resol
浏览 80提问于2021-01-05得票数 0
我想设置一个简单的背景图像，其中包含一个覆盖到sass文件中的react组件，但是我得到了这个错误，Module not found: You attempted to import ../assets/hero.jpg which falls outside of the project src/ directory. Relative imports outside of src/ are not supported.，这是非常奇怪的，因为包含图像的资产文件夹实际上在/src文件夹中，这是我的文件夹结构
src/
|assets/
hero.jpg
|sa
浏览 0提问于2018-12-04得票数 1
回答已采纳
我正在将我的vue应用程序部署到gh页面，并面临加载背景图像的问题。
这是我的项目结构
和链接到我的项目在h页现场。
您可以看到来自img标签的图像正在加载，svg文件也在加载，但是不是svg的背景图像不是(我所有的背景图像都在img文件夹中)。
我可以在控制台中看到哪些路径被搞砸了--它们应该是static/img/footer.88ceaa2.png，但它们却是static/css/static/img/footer.88ceaa2.png。
到背景的路径应该是在我的组件中不同，还是在我的配置文件中呢？任何帮助都将不胜感激。
浏览 1提问于2018-05-22得票数 1
回答已采纳
我最近开始在一个项目中使用背景图像的css-only图像预加载。
//preload images
body:after{
display: none;
content: url(img01.png) url(img02.png);
}
//use images
li.one { background-image: (img01.png) }
li.two { background-image: (img02.png) }
我从SCSS制作我的CSS文件，我想知道是否有一些方法可以使用SASS来运行文件并创建正文:在从整个文件的背景图像URL预加载之后？
如果没有，你最好
浏览 0提问于2013-09-13得票数 0
4回答
如何使用BlackBerry插件1.1Beta捆绑映像？我将一个图像复制到“res/backland.jpg”中，并试图使用Bitmap.getBitmapResource在background.jpg上加载它。不幸的是，没有找到图像(非法参数异常)。我尝试将我的图像文件移动到src文件夹中，但这也不起作用。我打开了.jar文件，背景图像出现在.jar文件的根目录下。也没有被选中。
链接
浏览 1提问于2010-03-03得票数 5
回答已采纳
我想在我的网络项目中包括断点。我已经安装了SASS、Compass和断点，我遵循了安装指南，但它似乎仍然不能正常工作。有谁能带我去看看这可能是什么错误吗。
下面的代码在我的config.rb文件中(位于项目目录，主文件夹中)
require 'breakpoint'
http_path = "/"
css_dir = "css"
sass_dir = "sass"
以下代码位于style.scss (项目/sass文件夹)中
@import "breakpoint";
etc scss code...
下面是我
浏览 0提问于2013-11-01得票数 0
我正在创建一个应用程序与帧动画使用近150个图像帧。通过使用Handler更改图像视图的背景图像来播放动画。在处理程序内部，我从/mnt/sdcard/Android/data/ApplicationPackage文件夹中检索图像，并通过以下方式将其动态更改为图像视图背景：
FileInputStream in;
in = new FileInputStream(mFrames.get(imgpos));
bitmap = BitmapFactory.decodeStream(in);
浏览 2提问于2012-08-27得票数 1
回答已采纳
1回答
我试图找到最好的方式，以支持我的角度4应用程序的主题样式。我使用SASS变量和主题设置依赖于4个SASS vars:原色和次色，背景图像和暗/光主题切换。
现在，我想从应用程序中动态地改变主题。我现在有这个：
我正在使用sass -vars-加载程序库()，并在应用程序构建期间将sass变量从JSON文件加载到我的_vars.scss中。当我从组件中更改这些var时，我会将新值写入JSON文件并触发应用程序重新编译，因为我正在监视该文件上的更改。
在开发过程中，这将成功地重新编译新变量并将其加载到_vars.scss中，但我的问题是如何在生产过程中支持这一点。
为了配置webpack，我用$n
浏览 1提问于2017-12-11得票数 0
回答已采纳
我使用illustrator和阅读制作了这个.svg
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 149 172">
<defs>
<pattern id="img" width="1" height="1" patternContentUnits = "objectBoundingBox"
浏览 29提问于2017-08-03得票数 1
回答已采纳
我已经成功地用这个小技巧填充了SVG路径中的图像：
但是，当我使用背景: url()在我的html页面中加载svg文件时，它不会出现。
这里是在浏览器中打开的svg图像：
下面是我的html页面上相同的svg图像：
有人知道这里会发生什么事吗？谢谢。
浏览 1提问于2015-08-16得票数 0
回答已采纳
2回答
我是新来的，所以如果我错过了什么，我很抱歉。
我的问题是:我将背景图像设置为有定义类的div。图像是在sass文件中定义的。
如果我添加这样的静态路径，它将适用于dev：
.iconGrey
background:url('/statics/icon/grey.svg')
background-size: 18px 24px !important
background-repeat: no-repeat
如果我现在将其释放到一个名为test的子文件夹中，那么/将解析为//myurl/静力学，而不是//myurl/test/静力学。
我已经尝试了我发现的所有东西，但是
浏览 2提问于2019-12-19得票数 1
1回答
我是javascript的新手。
我正在尝试懒惰加载一些大的背景图像在我的页面上，以便人们将看到“加载”gif时，图像加载。我知道如何在HTML图像标记上这样做，但不知道如何在CSS背景图像上做这件事。
我看了几个答案，似乎没有一个是足够的。当我查看demo/jsfiddle时，有些甚至无法工作。
再一次，我想做的就是在我的CSS指定的背景图片后面有一个加载gif，这样就不会有让我的访问者认为网站崩溃的张开的黑洞。
我正在为我的html标签图像使用LanguidLoad。所以，如果你们能让它与LanguidLoad一起工作，那就更好了！
非常感谢！
浏览 5提问于2014-07-26得票数 3
1回答
我正在努力使用SCSS加载背景图像。
这是我的config.rb：
http_path = "/"
css_dir = "stylesheets"
sass_dir = "sass"
images_dir = "images"
javascripts_dir = "javascripts"
以下是SCSS摘录：
.maincontent {
background: image-url('mesh.png');
}
它正在输出链接地址'http://127.0.0.1/images/m
浏览 1提问于2013-03-31得票数 0
我正在向我的scss文件中的部分添加背景图像。线性渐变是为了使图像变暗。网址是正确的，我很确定。
background-image: url(../../assets/img/hero-bg.jpg),
linear-gradient(rgba(black, 0.3), rgba(black, 0.3));
height: 1980px;
我收到以下错误-
ERROR in ./src/sass/main.scss (./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs
浏览 0提问于2020-11-24得票数 1
我正在尝试将带有着色覆盖的平铺背景图像应用到我的项目中。在我的其他node包中，我使用了带有node-sass、sass-loader、css-loader、file-loader和url-loader的webpack。
我有两个背景图像，我正在测试其外观，并在这两个图像之间切换作为背景，这就是我遇到问题的地方。
下面是一些粗鲁的说法：
body{
background:
linear-gradient(
rgba($color4, .5),
rgba($color4, .5)
),
url
浏览 0提问于2016-06-09得票数 1
1回答
我正在开发一个简单的铬扩展和测试加载的图像为背景。奇怪的是，我从src文件夹加载它，从我在网络选项卡中看到的，图像加载时间为20-50ms
但是我总是有这种奇怪的加载故障
上面的空白区域仍然是未加载的图像。你知道为什么会导致这种情况吗?我如何改进才能让它立即加载/渲染整个图像？
浏览 3提问于2019-09-10得票数 1
我将SASS添加到我的项目中，因为我喜欢为我的CSS使用SASS。在我的app文件夹中，我创建了CSS文件夹和SCSS文件夹。我运行sass --watch scss:css将我的scss更改映射到css文件夹。我认为这工作得很好。在我的webpack中，我添加了一个加载器来处理SCSS和SASS，并将需要的文件添加到我的package.json中。为了开始使用SASS样式，我需要将它们包含在我的index.html文件中，还是需要将它们导入到每个组件中，以便在新的es6导入x from 'xpath‘中使用它们？
下面是我的package.json和webpack.config.js
浏览 4提问于2016-12-10得票数 0
2回答
加载一次母版页
、、、
我试图创建一个基于模板的网站，其中我的背景是所有的html页面的共同。有没有什么特别的解决方案，让我只加载一次背景图像，然后对其余的html文件使用相同的背景图像？
浏览 0提问于2013-05-30得票数 1
我正在迁移我的反应网站，以反应-静态。我在scss文件中有一个css，我在我的项目中使用react-static-plugin-sass。如何正确设置scss文件中图像的URL？
我试过这个：
.my-page {
color: rgb(70, 81, 116);
&_header {
border: 1px solid #000;
background-image: url(/assets/images/bg-illustration.jpg);
}
}
但是，当我运行该站点时，它会给出以下错误：
无法获得/资产/图像/bg-插图. GET
我的资产位于
浏览 5提问于2021-04-10得票数 1
回答已采纳
1回答
我有HTML + CSS页面，其中包含了CSS的背景图像img元素。
在HTML中：
<img class="symbol>
在CSS (Sass)中：
.symbol{
background-image: url('../images/symbol.png');
background-repeat: no-repeat;
width: 50px;
height: 50px;
background-position: 15px, 15px;
}
它是正确显示在铬，但在打印(ctrl + P)，它会自动删除背景，但我需要的图像背景
浏览 0提问于2017-12-20得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
