Question

有几个盒子（超过100个）将动态创建

<div id="window5"></div>
<div id="window18"></div>
<div id="window190"></div>

根据数据库条件，不同的框中会出现一些默认的不同颜色。现在，如果我点击一个框，颜色应该是灰色的，那么如果我点击另一个框，颜色应该变为红色（第一个框颜色应该正常）。我只能得到灰色（onclick）我的默认颜色不存在。如果存在某些颜色，则灰色将隐藏在原始默认颜色下。是否有任何css属性来解决这个问题。

我的css文件：

.selected{
    background-color: red;
}

使用javasscript代码作为;

    $(document).ready(function () {
        $("div[id *= 'window']").live('click', function (e) {

           $(".selected").removeClass("selected");
            $(this).addClass("selected");
            e.stopPropagation();
        });
        $(document).click(function () {
            $(".selected").removeClass("selected");
        });
    });       

</script>

Answer 1

div没有大小，因此没有背景可供显示。

如果你在你的div中放置显示文字，或者你给它一个宽度;高度它会显示你的背景

Answer 2

如果您已在样式表中指定了背景颜色，那么这可能优先。要解决这个问题，您可以使用内联样式或！important指令。

background-color:red!important;

css背景颜色未显示

2 个答案: