html - Comodo Positive SSL Trust Logo 出现在 bootstrap div 元素后面

Question

我已遵循本指南 https://trustlogo.com/install/并安装了 Comodo Positive SSL 信任标志。

我在我的网站上使用 Bootstrap ，印章位于页脚中。

当您将鼠标悬停在印章上时，弹出窗口似乎位于 div 元素下方，如下所示(在最新的 chrome 上测试):

是否有 CSS 修复程序可以使弹出窗口成为最顶部的元素？我似乎无法使用 z-index 找到修复它的元素。

这是我的 html 页脚:

<footer>
    <div class="container">
        <div class="row">
            <div class="col-sm-3">
                <h5>Information</h5>
                <ul class="list-unstyled">
                    <li>
                        <a href="https://domain.com/about_us">About Us</a>
                    </li>
                    <li>
                        <a href="https://domain.com/another_link">Another link</a>
                    </li>
                </ul>
            </div>
            <div class="col-sm-3">
                <h5>SSL Secured Shopping</h5>
                <ul class="list-unstyled">
                    <li>
                        <script language="JavaScript" type="text/javascript">
                        TrustLogo("https://domain.com/image/comodo_secure_100x85_transp.png", "CL1", "none");
                        </script>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</footer>

Answer 1

这是因为你的元素之一，很可能是<footer>有 CSS:overflow:hidden;

将其从您的 css 中删除，您的弹出窗口将显示。

Here is more about css "overflow"