Css 将图像旋转90度，并绝对定位在div内

好的，这是小提琴

这一阶段的代码非常基本，但本质上是css：

.Box {
    width:660px;
    border: 1px solid #aaaaaa;
    border-radius: 3px 3px 3px 3px;
    height:140px;
}
#Logo {
    position:absolute;
    -moz-transform:rotate(270deg);
    transform:rotate(270deg);
    -webkit-transform:rotate(270deg);
    -ms-transform:rotate(270deg);
    -o-transform: rotate(270deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    z-index:inherit;
    zoom:1;
}

以下是迄今为止的html：

<div class="Box">
                                <div id="Logo">
                                    <img src="http://images.domain.com.au/img/Agencys/16067/logo_16067.GIF" width="130px">
                                </div>
                            </div>

这样做的目的是让图像精确地位于div内部，并以5px的边距向左浮动。所以它看起来像这样：

---

尝试将以下内容添加到徽标中：

position:relative;
float:left;
top:43px;
left:-33px;

此外，在Internet Explorer 9中，他们似乎希望您使用旋转=4

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=4);

---

尝试将以下内容添加到徽标中：

position:relative;
float:left;
top:43px;
left:-33px;

此外，在Internet Explorer 9中，他们似乎希望您使用旋转=4

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=4);

---

---

如果你想这样做，就给logo一个位置的左上角值

如果你想这样做，就给logo一个位置的左上角值

为什么要费尽心机旋转实际图像？你投票否决了吗？你看到了吗？在这种情况下可能有用。编辑：错误的链接，我的意思是：@tybro0103完美。。。我的成绩是A和R。谢谢为什么要经历所有的麻烦并旋转实际图像开始？你投票否决了吗？你看到了吗？在这种情况下可能有用。编辑：错误的链接，我的意思是：@tybro0103完美。。。我的成绩是A和R。很重要的一点是要解释为什么这些数字会起作用。特别是如果图像尺寸发生变化，正如OP所指出的。效果很好，但仍然采用主页定位。。。不知道为什么，我的巢是干净的。从fiddleIt中可以看出，它采用了主页的位置，因为父元素具有静态位置。如果您希望嵌套元素具有相对于它的position:absolute-relative（而不是窗口：），则为其指定position:relative。特别是如果图像尺寸发生变化，正如OP所指出的。效果很好，但仍然采用主页定位。。。不知道为什么，我的巢是干净的。从fiddleIt中可以看出，它采用了主页的位置，因为父元素具有静态位置。给它一个position:relative如果你想要一个嵌套元素有position:absolute相对它而不是窗口：）我的问题是它绝对地将自己定位在页面的顶部，但是我已经正确地嵌套了它，所以更改为relative如果你想相对于它的父元素定位，只需添加position:relative相对父元素。绝对定位将相对于最近定位的父对象进行定位。现在我感到困惑。父div（如示例所示）定位在页面中，没有相对或绝对定位。因此，子div（作为徽标）不是在玩球……因此在这个小提琴中：我将父位置设置为相对，将徽标位置设置为绝对。这对您不起作用吗？我的问题是它将自身绝对定位在页面顶部，但我已将其正确嵌套，因此更改为relative如果要相对于其父元素定位，只需添加position:relative to The parent。绝对定位将相对于最近定位的父对象进行定位。现在我感到困惑。父div（如示例所示）定位在页面中，没有相对或绝对定位。因此，子div（作为徽标）不是在玩球……因此在这个小提琴中：我将父位置设置为相对，将徽标位置设置为绝对。这对你不管用吗？