Question

我正在尝试为div元素“High Tatras”“High Tatras 2”设置背景颜色......用css黄色元素。

gallery li {background-color: yellow;}

jsfiddle demo http://jsfiddle.net/pragnesh/CjDDB/

但背景颜色黄色仅适用于元素的顶部和底部。

此代码可能有什么问题？

Answer 1

jquery-ui似乎有一个~~奇怪的多重背景css规则~~（大声笑它不是一个多重背景......只是评论让我失望......它是＆＃39; s晚了）。请尝试仅使用背景属性：

.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

这是Working Code

问题是，为div设置background-image后，您无法通过background-color覆盖它，因为它只设置了颜色属性（优先级低于图像）而background属性将重置所有与背景相关的属性，即

背景颜色
背景图像
背景位置
背景重复
背景附件

并设置颜色。所以使用：

 background: yellow;

背景颜色不适用于div

4 个答案: