元素定位冲突

时间:2014-02-17 12:25:37

标签: javascript html css

我有一些非常奇怪的东西,我正在构建一个简单的parralax滚动旋转信息框。我在中心做了一个正方形,里面的元素对定位非常奇怪。

但是当我调整窗口大小时,一切都会弹到正确的位置。我完全不知道为什么或如何发生这种情况。任何人都有任何想法?

问候,克里斯。

Link :(滚动查看它会旋转)

Fiddle:滚动元素在那里不起作用。

我感觉它与javascript冲突,我尝试调整我的中央容器大小,但这也不起作用。

#container {
width:500px;
height:500px;
top:50%;
left:50%;
margin-left:-250px;
margin-top:-250px;
background:#FFFFFF;
padding:1px !important;
}
#textveld_1 {
    position:fixed;
    top:0%;
    left:0%;
    height:130px;
    width:250px;
    margin-top:60px;
    margin-left:-60px; 
    transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -o-transform:rotate(90deg);
}

将4“textveld_#”旋转90° - > 180 - > 270 - > 0

0 个答案:

没有答案