我創建使用下面的CSS的形狀顯示細膩的鍍鉻是這樣的:如何解決使用CSS創建此箭頭形狀IE9
但這在IE9出現破這樣的:
我該如何解決這個問題? 這是我的css/html用於生成這個。
<html>
<style>
.arrow-head{
width: 0px;
height: 0px;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left:10px solid blue;
float:left;
}
.arrow-mid{
background:blue;
height:20px;
width:80px;
font-size:12px;
color:white;
text-align:center;
float:left;
}
.arrow-tail{
width: 0px;
height: 0px;
border-top: 10px solid blue;
border-bottom: 10px solid blue;
border-left:10px solid transparent;
float:left;
}
</style>
<body>
<div class="arrow-tail"></div><div class="arrow-mid"></div><div class="arrow-head"></div>
</body>
</html>
似乎工作在IE9 **模式** IE11 –
爲什麼downvote?任何意見? – Pranalee
是不是我downvoted。 –