vue打包后 背景圖不顯示
對開發完的項目打包放到服務器上，在本地跑的時候一切正常，但是在服務器上跑的時候發現登錄頁面的背景圖沒有了，是一片空白，為此找到了一下解決方案 在build 下的 utils.js中找到： 並添加 publicPath: '../../' 添加后的效果： 問題 ...
原文：vue 生產環境 background 背景圖不顯示原因
通常我們使用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 推薦指數：
相關推薦
vue在css中使用background引入背景圖片，打包不顯示問題處理
1、在css中使用background引入static目錄下的圖片時，需使用相對路徑例：background: url("../../../static/img/1.png");2、build ---> utils.js 添加代碼 publicPath ...
css背景圖不顯示的問題
css添加背景圖片無法顯示，有以下幾方面原因： 1、css沒有被調用；請檢查css調用是否成功。 2、css圖片地址不對；請檢查css圖片地址是否正確。 3、div的高度沒有固定，是auto或者沒有設值；div設置錯誤容易導致背景圖片高度太大則無法顯示。 4、div被嵌套；查看嵌套的div ...
background 背景圖片 在IE8中不顯示解決方法
我給ul加了一個背景圖片 background 火狐 ie9 ch都顯示。唯獨在IE8中不顯示 之前的樣式代碼 在ie8中改成 這樣之后我的就可以了。不知道你的是不是可以。 注：如果上面放了一個button 但不先看見這個button 這要設置 ...
background屬性沖突導致的部分瀏覽器背景圖片不顯示問題
前幾天在項目中遇到了一個讓人摸不着頭腦的bug，測試說頁面顯示有點問題並發了截圖， 正常的顯示狀態是這樣 首先我自信地用自己的手機檢查了一下，沒有問題，問清楚后得知是UC瀏覽器中出現的，UC的內核是u3，基於webkit開發的，平時並沒有用過，應該是在細節處理上加了一些優化功能。 說 ...
background屬性怎么添加2個或多個背景圖
最近遇到一個需求，下面充值金額按鈕是一個背景圖，點擊之后顯示的狀態也是一個背景圖，如下圖 按照慣用的套路，新增一個class，點擊后的狀態直接寫在里面即可 然而點擊后，雖然狀態背景成功顯示出來，但按鈕背景卻消失 ...
css 背景(background)屬性、背景圖定位
background屬性： Background屬性是css中應用比較多，且比較重要的一個屬性，它是負責給盒子設置背景圖上和背景顏色的，background是一個復合屬性，它可以分解成如下幾個設置項： （1）background-color 設置背景顏色 ...
CSS background-image 背景圖不重復
1 < div style ="background-image:url('../Public/images/login_bg.jpg'); background-repeat:no-repeat ...