fairytale_zf 2014-01-16 06:44 采纳率: 0%
浏览 3587

css设置background-image不起作用，去掉<div id="menuBar">的id就行了，求具体原因

<html>
<head>
    <style type="text/css">
        #menuBar {
            /*display: none;*/
            background-color: #fffd7a;
            width: 100%;
        }

        #menuBar div.menuItemTr {
            /*// display: inline-block;*/
            float: left;
            overflow: auto;

            border: 0px solid #FFF;
            border-right-color: #CCC;
            border-bottom-color: #CCC;

            /*padding: 0.6px;*/
            display: block;
            background: #EEE;
            color: #666;
            font: block 12px/22px Verdana, Arial, Helvetica, sans-serif;
            text-decoration: none;
            height: auto !important;
            height: 1%; /*For IE*/
        }

        #menuBar div.menuItemTd div.menu {
            padding-left: 12px;
        }

        #menuBar div.menuItemTrImg {
            background-image: url("common/css/img/ui-icons_454545_256x240.png");
            background-position: -64px -16px;
            background-repeat: no-repeat;
            width: 16px;
            height: 16px;
        }

        #menuBar div.menuItemTdImg {
            background-image: url("common/css/img/ui-icons_222222_256x240.png");
            background-position: -32px -16px;
            background-repeat: no-repeat;
            width: 16px;
            height: 16px;
        }

        #menuBar div.subMenu {
            position: absolute;
            word-break: keep-all;
            white-space: nowrap;
            background-color: #d24e58;
            cursor: pointer;
            z-index: 999;
        }

        #menuBar div.subMenu div {

            border: 1px solid #FFF;
            border-right-color: #CCC;
            border-bottom-color: #CCC;

            /*padding: 0.6px;*/
            /*display: block;*/
            background: #EEE;
            color: #666;
            font: solid 10px/22px Verdana, Arial, Helvetica, sans-serif;
            height: auto !important;
            height: 1%; /*For IE*/
        }

        #menuBar div.subMenu div:hover {
            background: #000079;
            color: #FFF;
        }

        #menuBar div.menuItemTr:hover {
            border-left: 0px inset #FFF;
            border-right: 0px inset #FFF;
            border-top: 0px inset #FFF;
            border-bottom: 0px inset #FFF;
            background: #FFFFFF;
        }
    </style>
</head>
<body>
<hr/>
<div id="menuBar">
    <div class="menuItemTr">
        <div style="display:table-row;">
            <div class="menuItemTrImg"></div>
        </div>
        <div class="subMenu" style="display: block;">
            <div class="menuItemTd" style="display: table-row;">
                <div style="display:table-cell">
                    <div style="display:table-cell">
                        <div class="menuItemTdImg"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<hr/>
</body>
</html>
  • 写回答

1条回答 默认 最新

  • ChatGPTᴼᴾᴱᴺᴬᴵ 2023-12-09 21:48
    关注

    所有内容均由人工智能模型输出，其内容的准确性和完整性无法保证，不代表我的态度或观点。
    （讯飞星火专栏，V3.0版本，2023.10.24）

    该回答引用讯飞星火认知大模型，仅提供参考，不保证完全正确
    CSS设置background-image不起作用的原因可能是：

    1. 图片路径不正确或图片不存在。请检查图片路径是否正确，以及图片文件是否存在于指定的路径下。

    2. CSS选择器错误。请检查CSS选择器是否正确匹配到了需要设置背景图片的元素。

    3. 浏览器兼容性问题。部分浏览器可能不支持某些CSS属性，导致背景图片无法显示。可以尝试使用浏览器前缀或者使用其他方法实现相同的效果。

    4. 代码顺序问题。将#menuBar的id去掉后，可能会导致其他样式影响到背景图片的显示。请确保代码的顺序正确，避免其他样式影响到背景图片的显示。

    评论

报告相同问题？

悬赏问题

  • ¥30 这是哪个作者做的宝宝起名网站
  • ¥60 版本过低apk如何修改可以兼容新的安卓系统
  • ¥25 由IPR导致的DRIVER_POWER_STATE_FAILURE蓝屏
  • ¥50 有数据，怎么建立模型求影响全要素生产率的因素
  • ¥50 有数据，怎么用matlab求全要素生产率
  • ¥15 TI的insta-spin例程
  • ¥15 完成下列问题完成下列问题
  • ¥15 C#算法问题, 不知道怎么处理这个数据的转换
  • ¥15 YoloV5 第三方库的版本对照问题
  • ¥15 请完成下列相关问题！