如何通过操纵最高价值来提升所有元素?

时间:2013-05-12 19:05:29

标签: javascript html css positioning

我有一个我下载的ios锁屏,它有多个显示天气事实的元素,即文字,小图片...反正我想知道如何将它们全部移动到屏幕顶部,目前它们在中间。每个元素都有绝对位置和不同的Z索引。我应该更改顶部:值吗?我应该对它们进行分组,如果是这样的话,我该怎样做并将它们全部移动?!对于那些不知道的人来说,所有的js,html,css都是允许的锁屏主题

更新这里是代码! -

<style type="text/css">
.weekday
{
position: absolute;
top: 252px;
left: -18px;
width: 320px;
height: 60px;
text-align:right;
font-family:source_sans_prolight;
font-weight:100;
font-size: 13px;
color: white;
text-transform:lowercase;
}
</style>



<style type="text/css" >
.month{
position: absolute;
top: 268px;
width: 320px;
left: -33px;
height: 60px;
text-align:right;
font-family:source_sans_prolight;
font-weight:100;
font-size: 13px;
color: white;
text-transform:lowercase;
}
</style>

<style type= "text/css">
.date{
position: absolute;
top: 268px;
width: 320px;
left: -18px;
text-align:right;
font-family:source_sans_prolight;
font-weight:100; font-size:
13px;
color: white;
}
</style>

<style type="text/css">
.icon{
position: absolute;
z-index:10;
left: 15px;
top: 200px;

}
</style>

<style type="text/css">
#temp{
position:absolute;
z-index:7;
color:white;
top: 251px;
left:40px;
width: 320px;
font-size:15px;
font-weight:200;
font-family: source_sans_prolight;
}
</style>

<style type="text/css">
#clock{
position:absolute;
width: 320px;
height: 200px;
left: -15px;
text-align: right;
z-index: +4;
top: 194px;
font-family: source_sans_prolight;
color:white;
font-size: 55px;
font-weight: 100;
}
</style>

还有更多,但这就是看起来像!

1 个答案:

答案 0 :(得分:1)

没有您发布任何代码非常困难!要回答你如何将它们移到顶部的问题,我会在其他元素周围添加一个容器<div>元素,然后将其设置为:

.lock-item-container {
    position: absolute;
    top: 0;
}

您可能必须根据子元素的定位方式设置宽度。 希望这有帮助,如果没有,请添加你的一些标记&amp; CSS。