我想将DIV旋转到一定程度.在FF中它起作用但在IE中我遇到了问题.
例如,在以下样式中,我可以将rotation = 1设置为4
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
Run Code Online (Sandbox Code Playgroud)
这意味着DIV将旋转到90度或180度或270度或360度.但是如果我需要将DIV旋转仅20度,那么它就不再起作用了.
我怎么能在IE中解决这个问题?
我有一个三角形(JSFiddle)使用这个CSS:
.triangle {
width: 0;
height: 0;
border-top: 0;
border-bottom: 30px solid #666699;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
}
Run Code Online (Sandbox Code Playgroud)
这个HTML:
<div class="triangle"></div>
Run Code Online (Sandbox Code Playgroud)
这会形成一个三角形,但对角线呈锯齿状和像素化.我怎样才能让它们变得光滑?(我可以通过点缀它们来在Safari和Chrome中平滑它们,但这打破了Firefox和IE中的三角形.)
所以我找到了这个答案 - CSS3菜单的形状,风格,但不知道如何把它放在左侧.我已经搜索过它但没有运气.
这就是我想要实现的目标:

我也找到了这个 - 改变三角形的形状.我怎样才能让它在另一边工作?我的意思是箭头需要在左侧.是否可以用一个div呢?