Question

这就是我的css的样子：

.rounded-box{
  border-radius: 5px;
  background-color: #e4f4fd;
  font-size: 16px;
  margin-top: 18px;
  border: 1px solid #dedef7;
  padding: 18px;
  text-shadow: 1px 1px 0 white;
  display: inline-block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}


h3 {
    text-shadow: 1px 1px 0 white;
    margin: 10px;
}

这就是我的html的样子：

    <div class="rounded-box">
            <h3>some text here</h3>
            <h3>some text here</h3>
    </div>

由于IE8中的某些原因（尚未在其他IE中测试过），圆形框位于文本的顶部。当我加载页面时，看到我的文本的第二部分，然后圆形框覆盖文本。

（所有其他浏览器按照我的意图在圆角框上显示文字）

任何想法？

Answer 1

问题在于jquery.curvycorners.min.js。当我从HTML页面中删除它时问题就出现了。

最重要的是，它消除了我在另一个页面中遇到的问题，我在IE 8中有一个不会显示的文本字段。

IE8 CSS - 背景框位于我的文本之上

1 个答案: