0

我有一个我下载的 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>

还有更多,但这就是它的样子!

4

1 回答 1

1

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

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

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

于 2013-05-12T19:35:30.003 回答