Css 位置div箭头

我有这个密码

我想做的是，把箭头放在左手边，比如说从左上角向下20像素。 Buggered试图将其正确定位

css：

.arrow {
-moz-transform: rotate(225deg);
background: none repeat scroll 0 0 #FFFFFF;
border-bottom: 1px solid #AAAAAA;
border-right: 1px solid #AAAAAA;
float: left;
height: 18px;
margin-left: 40px;
margin-top: -9px;
width: 17px;
}
.comment-reply {
width:500px;
height:200px;
border:1px solid #aaaaaa;
border-radius:3px 3px 3px 3px;
}
    .container {
    margin-top:100px;
    margin-left:100px;
   }

我将

评论回复

设置为

位置：相对

，然后将

箭头

设置为

位置：绝对；左：0；顶部：20px

这应该可以满足您的需要
更新
您只为Mozilla提供了CSS转换。要使其跨浏览器兼容，您需要执行以下操作

-moz-transform: rotate(135deg); /* FF3.5+ */
-o-transform: rotate(135deg);  /* Opera 10.5 */
-webkit-transform: rotate(135deg);  /* Saf3.1+, Chrome */
-ms-transform: rotate(135deg); /* IE9 */
transform: rotate(135deg);

/* IE6–IE9 */
filter: progid:DXImageTransform.Microsoft.Matrix(M11=-0.7071067811865475, M12=-0.7071067811865476, M21=0.7071067811865476, M22=-0.7071067811865475, sizingMethod='auto expand');
zoom: 1;

这里有一个非常好的CSS3参考，您可以与之交互并创建CSS3属性



像这样的怎么样

-moz-transform: rotate(135deg); /* FF3.5+ */
-o-transform: rotate(135deg);  /* Opera 10.5 */
-webkit-transform: rotate(135deg);  /* Saf3.1+, Chrome */
-ms-transform: rotate(135deg); /* IE9 */
transform: rotate(135deg);

/* IE6–IE9 */
filter: progid:DXImageTransform.Microsoft.Matrix(M11=-0.7071067811865475, M12=-0.7071067811865476, M21=0.7071067811865476, M22=-0.7071067811865475, sizingMethod='auto expand');
zoom: 1;


根据需要调整定位/边距/衬垫，使其完美。我最近就这个话题问了一个问题。你可以在这里查看


。。。它应该是非常有用的

我希望这有帮助。

Hristo
更改您的三个“.arrow”CSS属性

margin-left:-9px;
margin-top: 40px;
-moz-transform: rotate(135deg);
-webkit-transform: rotate(135deg); 
transform: rotate(135deg); 
-o-transform: rotate(135deg);

我更新了你的小提琴
 似乎左边空白：-10px；在FF中效果更好，我们将检查它们。看起来很棒，我减少了一个，因为在FF中，由于某种原因，它没有右上边框，左上边框有一个像素间距。我正在使用FF 5.0，并使其-9似乎解决了这个问题。此外，考虑将接受作为回答，如果这解决了问题，以便其他人知道…只是在Safari上进行测试，并且它没有正确地渲染方向。这就像一个落后的李假设你只想FF，因为原来只有-莫兹。。。不管怎样，这些都是-webkit变换：旋转（135度）-moz变换：旋转（135度）；变换：旋转（135度）-webkit变换：旋转（135度）-o变换：旋转（135度）；你有没有在Safari中正确渲染过它？@422。。。我从未在Safari中测试过，现在也不能。今天晚些时候我可以试试，然后再给你回复。你有什么问题？也许你可以上传截图…？我不能上传截图，因为我在windows上，没有safari。我在iPad上测试。但效果就像将角度从135度更改为45度。原因是你只有mozilla的CSS。。。查看我的更新