当前位置: 首页 > 编程笔记 >

解决vuejs项目里css引用背景图片不能显示的问题

陈高寒
2023-03-14
本文向大家介绍解决vuejs项目里css引用背景图片不能显示的问题,包括了解决vuejs项目里css引用背景图片不能显示的问题的使用技巧和注意事项,需要的朋友参考一下

解决:build->utils.js里,修改:增加

publicPath:'../../',
if (options.extract) {
  return ExtractTextPlugin.extract({
  use: loaders,
  publicPath:'../../',
  fallback: 'vue-style-loader'
  })
 } else {
  return ['vue-style-loader'].concat(loaders)
 }

以上这篇解决vuejs项目里css引用背景图片不能显示的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

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

  • 本文向大家介绍Android ImageView 不显示JPEG图片的问题解决,包括了Android ImageView 不显示JPEG图片的问题解决的使用技巧和注意事项,需要的朋友参考一下 Android ImageView 不显示JPEG图片 今天在写一个小实例,ImageView在xml里面设置的是INVISIBLE,在代码里需要设置成setVisibility(View.VISIBLE),

  • 问题内容: 我正在进行响应式设计,并且“bgMainpage”类具有背景图片,但并未在所有设备上的Safari上显示。我已经应用了背景尺寸封面,因为这正是客户想要的。我也添加了特定于浏览器的CSS,但我不确定该怎么做才能在Safari中显示。Chrome,FF,IE可以很好地显示图像。有任何想法吗 ? CSS: 问题答案: 我将图像格式从jpeg转换为gif,并且有效。所以最终的CSS是:

  • 我的组件没有显示。我该如何解决这个问题? 法典: 结果:

  • 本文向大家介绍解决vue 项目引入字体图标报错、不显示等问题,包括了解决vue 项目引入字体图标报错、不显示等问题的使用技巧和注意事项,需要的朋友参考一下 问题:在项目开发时使用字体图标,发现两个问题; 1、出现报错: 解决方法为:把字体引入方式改为绝对路径 2、不报错,但是不显示图标字体,出现方框 原因可能有两种: ①没在用到的地方引入字体的样式文件②你使用的是后缀名为 .styl 文件 ①的解

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

  • 问题内容: 这是我的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

  • 问题内容: 这是一个非常简单的程序,我已尽力而为,但JPanel并未提供背景图片。我只希望面板上有一个简单的背景图像。 这是我的代码: 提前致谢 问题答案: 更换 与