Question

我在Internet Explorer中遇到了css的问题，但它只显示我在Browserstack中测试的时间。它显示在我使用Windows 7测试的所有IE版本上。在我的PC上，我的IE版本和我从内部更改浏览器模式时显示正常。我不确定它是否是一个怪癖，浏览器或我错过的IE问题。

有关区域有2个段落标记，1个向左浮动，另一个向右，宽度为45％，显示块，溢出隐藏。每个都在显示块内有一个锚标签，背景颜色和边框。第二个环节就像它自己的镜像，看起来很奇怪，我无法找到任何东西，有人以前见过这个，知道如何解决？或者它是Browserstack的怪癖？

Screenshot of what's happening here

谢谢！

编辑，添加代码：

        <style>
        a.button {
            background: #c10075;
            -webkit-background-clip: padding-box;
            color: white;
            display: inline-block;
            padding: 15px 0;
            border-radius: 4px;
            border: 2px solid #c10075;
            border-bottom: 2px solid #8e0056;
            border-right: 2px solid #8e0056;
            text-transform: uppercase;
            text-align: center;
            font-family: Rokkitt, serif, Arial, Helvetica, sans-serif;
            font-size: 28px;
            display: block;
        }
        a.button:hover {
            background: #8e0056;
            border: 2px solid #8e0056;
            color: white;
        }
        .cta-buttons p{
            width: 45%;
            float: left;
        }
        .cta-buttons p.last{
            float: right;
        }
    </style>

    <div class="container cta-buttons">
         <p>
               <a href="" class="button">Apply now</a>
         </p>
         <p class="last">
               <a href="" class="button">Book your visit</a>
        </p>
    </div><!-- .cta-buttons -->

Internet Explorer CSS镜像内容？

0 个答案: