相信很多小夥伴遇到過用CSS插入背景圖時，底部出現白邊的情況，如下圖：
個人總結了2個方法如下：
解決方法1：給圖檔都加上 vertical-align: middle屬性。有時，移動端也會有類似的情況出現，如下圖：
這種情況在移動端出現時，也可以給圖檔加上這個屬性，(微信頁面可能出現底部白邊的情況更多，可能是因為很多微信頁面是以圖檔為主)
解決方法2：用PS軟體把背景圖檔的高度調高一些。出現的原因：可能是背景圖檔本身的高度不夠，這種情況一般會出現底部留白比較多的情況，如下圖：
注：個人推薦移動端背景圖檔的分辨率為 640*1136， 能夠減少出現底部有少許白邊的情況
background 背景圖檔 在IE8中不顯示解決方法
我給ul加了一個背景圖檔 background 火狐 ie9 ch都顯示.唯獨在IE8中不顯示 之前的樣式代碼 background: url( rgba(, , , ); 在ie8中改成 backg ...
js插件---畫圖軟體wePaint如何使用(插入背景圖檔，儲存圖檔，上傳圖檔)
js插件---畫圖軟體wePaint如何使用(插入背景圖檔,儲存圖檔,上傳圖檔) 一.總結 一句話總結:萬能的wPaint方法,通過不同的參數執行不同的操作.比如清空畫布參數傳"clear& ...
img隻顯示圖檔一部分 或 css設定背景圖檔隻顯示圖檔指定區域
17:14 2016/3/22img隻顯示圖檔一部分 或 css設定背景圖檔隻顯示圖檔指定區域 background-position: 100% 56%; 設定背景圖檔顯示圖檔的哪個坐标區域,圖檔左 ...
CSS中背景圖檔定位方法
轉自:http://www.ruanyifeng.com/blog/2008/05/css_background_image_positioning.html 作者: 阮一峰 日期: 2008年5月 ...
CSS中背景圖檔的background-position中的left top到底是相對于誰的？
在學習的時候遇到了如下問題: CSS中背景圖檔的background-position中的left top到底是相對于誰的,content-box?padding-box?border-box? ba ...
(轉)HTML&;CSS——background: url() no-repeat 0 -64px;CSS中背景圖檔定位方法
http://blog.csdn.net/oscar92420aaa/article/details/51304067 CSS中背景圖檔的定位,困擾我很久了.今天總算搞懂了,一定要記下來. 在CSS中 ...
HTML&;CSS——background: url() no-repeat 0 -64px;CSS中背景圖檔定位方法
CSS中背景圖檔的定位,困擾我很久了.今天總算搞懂了,一定要記下來. 在CSS中,背景圖檔的定位方法有3種: 1)關鍵字:background-position: top left; 2)像素:bac ...
div背景圖檔或顔色不顯示的解決辦法
背景圖檔不顯示的原因: 1. css沒有被調用 2. css圖檔位址不對 3. div的高度沒有固定,是auto.沒有設值或者高度不夠 4. div被嵌套 5. div代碼不規範 解決辦法: (1)D ...
随機推薦
CommonJS Promises/A規範
本文來自四火哥的翻譯 CommonJS是一組javascript程式設計規範,而promise是其中之一. 簡而言之,promises是一種令代碼的異步行為變得更加優雅的軟體抽象.在基本的定義中,代碼可能 ...
使用Linux系統中的SSH服務
使用Linux系統中的SSH服務 1.SSH服務應用場景 ① 可以實作對檔案的上傳與下載下傳 ② 實作遠端管理Linux 2.安裝SSH伺服器 服 務:sshd 位 置:CD光牒2 軟 件:openssh-s ...
整數矩陣CMO 2102回饋(gauss整數解)
PS:今天上午,非常郁悶,有很多簡單基礎的問題搞得我有些迷茫,哎,代碼幾天不寫就忘.目前又不當COO,還是得用心記代碼哦! 本題是CMO(數學 Olympics) 2012 第二題 是以還是很坑的…… ...
tomcat伺服器 去掉端口8080 以及項目名 直接使用IP位址通路
>>> 先在web.xml中設定預設頁面 /login.jsp
PS基礎學習 1---基本工具
1,選框工具: 選擇以後對選框中的内容進行修改 ① Shift + 選框 為正方形 ② 選中後滑鼠放在選框中對選擇範圍進行拖動 ③ 移動工具可以拉着選框中的内容移動 ④ ctrl+D取消選框 ⑤單行選 ...
數位DP問題整理(一)
第一題:Amount of degrees (ural 1057) 題目連結:http://acm.timus.ru/problem.aspx?space=1&num=1057 題意:[x,y ...
docker 容器網絡基礎
======================== docker預設自帶的網絡 ======================== host 網絡, This enables a container to ...
java總結：字元串切割
java中String.split()用法 在java.lang包中有String.split()方法,傳回是一個數組.1.“.”和“|”都是轉義字元,必須得加"\\"; 是以如果 ...
mysql查詢 根據年月日的查詢
select * from call_loan_info where DATE_FORMAT(create_time,'%Y-%m-%d') = '2017-06-16'
得到WAV檔案的長度
long getVideoLength (char *fileName){ MCI_OPEN_PARMS mciOpenParms; MCI_STATUS_PARMS mciStatusPar ...