在 CSS 中，可以使用背景圖片來創建一個漂亮的網站界面。但是，有時候可能會遇到 IE 瀏覽器不支持背景圖片大小的問題。本文將介紹如何在 Internet Explorer(IE)中設置 CSS 背景圖片大小。

一、使用 background-size: cover 屬性

使用 background-size: cover 屬性可以設置背景圖片的最大大小為當前頁面的父容器大小。例如，如果您的父容器寬度為 1000 像素，則可以使用以下代碼設置背景圖片為 1000 像素大小：

```html

<div style="width: 1000px; background-size: cover;">

...

</div>

請注意，此屬性只適用于元素自身的背景，而不適用于元素周圍的背景。

```html

...

</div>

三、使用 background-size: contain 屬性

使用 background-size: contain 屬性可以設置背景圖片的大小為當前頁面的父容器大小，但將背景圖片的內容包含在父容器元素中。例如，以下代碼將設置背景圖片為 1000 像素大小，并將其內容包含在父容器元素中：

```html

<div style="width: 1000px; background-size: contain;">

...

</div>

此屬性與使用 background-size: cover 屬性的效果類似，但可以允許元素中的文本和其他內容在背景圖片中顯示出來。

四、使用 CSS 動畫

除了使用背景圖片大小外，還可以使用 CSS 動畫來創建動態效果。例如，可以使用以下代碼將背景圖片的大小縮小為 200 像素：

```css

.container {

width: 1000px;

background-size: cover;

background-position: center;

.container:hover {

background-size: 200px;

請注意，此代碼將使用 background-size: cover 屬性將背景圖片的最大大小縮小為 200 像素，并使用 background-position: center 屬性將背景圖片的位置居中。