解決IEはdisplay:inline-blockをサポートしない;
2311 ワード
IEに対してdisplay:inline-blockをサポートしない;の解決方法
コードに
.triangle-left{
height:0px;
width:0px;
border:30px solid #000;
border-color:transparent #ebebeb transparent transparent;
display:inline-block;
*display:inline;
zoom:1;
_height:250px;
margin-left:-20px;
position:relative;
top:-110px;
}
上のコードは私が三角形を書いて他の要素と一緒に表示させたいので、positionやフローティングなどの方法のほかにdisplay:inline-blockを使うことができますが、ieは行内のブロックレベルの要素をサポートしていません.私たちは互換性が必要です.コードに
*display:inline;
zoom:1;
_height:250px;
でいいです