0

このCSS矢印は、Chromeでは正常に機能しますが、IEでは機能しません。IE9でそれを機能させる方法を理解するための最良の方法は何ですか？

<html>
<head>

<style>
.nav {
    padding: 0;
    width: 115px;
}

.box {
    width: 100px;
    height: 50px;
    background-color: green;
    float: left;
    padding: 0;
}

.arrow-right {
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 15px solid green;
    float: right;
    padding: 0;

}
</style>
</head>


<body>
<div>
<div class="nav">
<div class="box"></div>
<div class="arrow-right"></div>
</div>
</body>
</html>
4

1 に答える 1

4

おそらく、DOCTYPEがなく、IEがそれをクァークズモードでレンダリングするためです。

<!DOCTYPE html>
于 2012-05-24T18:43:14.053 に答える