background-color不適用於div

Question

我正在嘗試將div元素“ High Tatras”，“ High Tatras 2” ... elements的背景色設置為帶有CSS的黃色。

gallery li {background-color: yellow;}

jsfiddle演示http://jsfiddle.net/pragnesh/CjDDB/

但是背景色黃色僅應用於元素的頂部和底部。

此代碼可能有什么問題？

Answer 1

jquery-ui似乎有一個 奇怪的多個背景css規則 （大聲笑不是多重背景...只是評論使我失望...太晚了）。 嘗試僅使用background屬性代替：

.gallery li {
    background: yellow;
}

演示： http ： //jsfiddle.net/j2TtX/

導致背景的規則是這樣的：

.ui-widget-content { 
    border: 1px solid #aaaaaa/*{borderColorContent}*/;
    background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/;
    color: #222222/*{fcContent}*/;
}

Answer 2

jQuery UI庫中有白色背景圖像，請在CSS中添加此行以覆蓋css規則。

.gallery li.ui-widget-content{background-image:none;}​

Answer 3

高估這個問題的背景，您應該在此類“ .ui-widget-content”中刪除背景屬性

.ui-widget-content {
    background: url("images/ui-bg_flat_75_ffffff_40x100.png") repeat-x scroll 50% 50% #FFFFFF;
    border: 1px solid #AAAAAA;
    color: #222222;
}

它來自jquery-ui.css（第243行）

Answer 4

這是工作代碼

問題是，一旦為div設置了background-image ，便無法通過background-color覆蓋它，因為它僅設置了color屬性（其優先級低於image），而background屬性將重置所有與背景相關的屬性，即，

1. 背景顏色
2. 背景圖
3. 背景位置
4. 背景重復
5. 背景附加

並設置顏色。 因此使用：

 background: yellow;