利用css給jsp網頁添加背景圖片， 怎麼可以讓他全屏顯示啊？

這跟是不是jsp沒有關係，這純屬於CSS的問題。

1. 簡單點的是使用background-size

/* 需要全屏的背景圖片 */

background:url("background.jpg") no-repeat center center;

/* 實現的關鍵 */

background-size:cover;

HTML結構

結構很簡單，就是一張簡單的圖片：

<div>

<img src="//i0.wp.com/www.w3cplus.com/sites/default/files/blogs/2013/1312/object-test.jpg" alt="Object-fit Example" />

</div>

CSS樣式

簡單的添加一點樣式：

div {

margin: 20px;

text-align: center;

}

img {

width: 300px;

height: 300px;

border: 1px solid black;

background-color: #ccc;

object-fit:fill;

}

還有就是使用絕對定位

.img-wrap {

width: 100%;

height: 100%;

position: relative;

}

.img-wrap img {

position: absolute;

top: 0;

right: 0;

bottom: 0;

left: 0;

width: 100%;

height: 100%

}

當然這個方法有可能圖片會變形。具本使用哪種方法，看你自己的實際情況吧。

---

推薦閱讀：