对开发完的项目打包放到服务器上,在本地跑的时候一切正常,但是在服务器上跑的时候发现登录页面的背景图没有了,是一片空白,为此找到了一下解决方案 在build 下的 utils.js中找到: 并添加 publicPath: '../../' 添加后的效果: 问题 ...
通常我们使用img标签引入文件,npm run build 打包后 ,因为img为html标签,打包后他的路径是由index.html开始访问的,他走static img 图片名 是能正确访问到图片的 而我们写在css background:url .. xxx 引入的图片 ,这时打包后他的路径是从static img 图片名 是访问错误的,因为在css目录下并没有static目录。所以此时需要先 ...
2018-10-29 19:43 0 3259 推荐指数:
对开发完的项目打包放到服务器上,在本地跑的时候一切正常,但是在服务器上跑的时候发现登录页面的背景图没有了,是一片空白,为此找到了一下解决方案 在build 下的 utils.js中找到: 并添加 publicPath: '../../' 添加后的效果: 问题 ...
1、在css中使用background引入static目录下的图片时,需使用相对路径例:background: url("../../../static/img/1.png");2、build ---> utils.js 添加代码 publicPath ...
css添加背景图片无法显示,有以下几方面原因: 1、css没有被调用;请检查css调用是否成功。 2、css图片地址不对;请检查css图片地址是否正确。 3、div的高度没有固定,是auto或者没有设值;div设置错误容易导致背景图片高度太大则无法显示。 4、div被嵌套;查看嵌套的div ...
我给ul加了一个背景图片 background 火狐 ie9 ch都显示。唯独在IE8中不显示 之前的样式代码 在ie8中改成 这样之后我的就可以了。不知道你的是不是可以。 注:如果上面放了一个button 但不先看见这个button 这要设置 ...
前几天在项目中遇到了一个让人摸不着头脑的bug,测试说页面显示有点问题并发了截图, 正常的显示状态是这样 首先我自信地用自己的手机检查了一下,没有问题,问清楚后得知是UC浏览器中出现的,UC的内核是u3,基于webkit开发的,平时并没有用过,应该是在细节处理上加了一些优化功能。 说 ...
最近遇到一个需求,下面充值金额按钮是一个背景图,点击之后显示的状态也是一个背景图,如下图 按照惯用的套路,新增一个class,点击后的状态直接写在里面即可 然而点击后,虽然状态背景成功显示出来,但按钮背景却消失 ...
background属性: Background属性是css中应用比较多,且比较重要的一个属性,它是负责给盒子设置背景图上和背景颜色的,background是一个复合属性,它可以分解成如下几个设置项: (1)background-color 设置背景颜色 ...
1 < div style ="background-image:url('../Public/images/login_bg.jpg'); background-repeat:no-repeat ...