css - 彩色背景从何而来？

Question

我正在显示一个链接

<li>
    <a id="bilg" href="phonelist_5.cfm?bilingual">
        <img src="icon-bilingual2.png" width="16" height="16" alt="" style="margin-bottom:-3px;  display: inline-block;" />
        Bilingual
    </a>
</li>

IE 显示的彩色背景不是图像的一部分(通过 Images\Disable images 确认)。

背景颜色仅在 IE 中显示 — Chrome/Firefox 不显示。

我看过所有的 CSS，但没有任何东西显示特定的颜色。

我怎样才能知道从哪里获得这种背景颜色？

Answer 1

Internet Explorer 10 及以下

更新:看来您使用的是旧版本的 Internet Explorer 开发人员工具。您将没有“检查元素”选项，因此您需要在按下 F12 并打开工具后找到元素。此外，在执行第二步时，使用 TraceStyles 代替 Computed。

互联网浏览器 11

为了快速定位特定样式的来源，请右键单击该元素并选择检查元素。这将打开您的开发人员工具，并选择 DOM Explorer。此时您可能需要使用 DOM Explorer 来更准确地调整您的选择。

在 DOM 资源管理器中选择您的元素后，选择开发人员工具右侧的样式面板。这显示了所有样式表中元素的完整样式级联。从这里您可以查找与背景 相关的属性，或者可能是边框 属性。如果某个属性没有被划掉，则表示它目前已应用于该元素。选择器和文件也列在应用的属性上方:

这个观点可能有点吵；如果是这种情况，请切换到 Computed 选项卡以查看按字母顺序列出的所有当前应用样式的列表。您会在右上角看到一个切换开关，显示所有 样式(包括来自浏览器的样式)或仅显示用户样式。在这里，找到相关属性(例如 background 和/或 border 属性)以查看它们是在某处定义的，还是从用户代理样式表继承的。

使用这两个 View 应该可以帮助您确定“彩色背景”(可能不是背景)的来源；具体是哪一行、选择器和源文件。如果您分享代码的工作演示，我相信我自己或这里的其他人能够进一步帮助您。