Question

CSS箭头在染色体上很好,但破解了 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>

Answer 1

也许是因为你没有DOCTYPE 和IE 使它以奇特模式。

<!DOCTYPE html>

友情链接