Mobile Safari中的Z-Index问题

时间:2015-08-30 00:05:54

标签: html css mobile safari z-index

该网站是:http://matthamil.com/Hamloo/

这是H2中标有“我们的方法”的部分。

我正在尝试添加一个位于最后div后面的灰色.services-box div ("Manage Results" box),但我希望它位于#our-approach div之上。但是,我无法让.light-grey-bg div显示在Mobile Safari上。

CSS:

#our-approach {
    background-color: #464646;
}

.services-box {
    margin: 0 auto;
    width: 80%;
    float: center;
    z-index: 3;
    position: relative;
}

.inner-box {
    color: #262628;
    background-color: #262628;
    width: 80%;
    height: 600px;
    margin-left: auto; margin-right: auto;
    margin-top: 30px;
    margin-bottom: 100px;
    z-index: 3;
    position: relative;
}

.light-grey-bg {
    width: 100%;
    height: 300px;
    background-color: #DDDDDD;
    -webkit-transform: translateY(-250px);
    transform: translateY(-250px);
    clear: both;
    position: relative;
    z-index: 1;
}

1 个答案:

答案 0 :(得分:0)

您可以使用show events\G; -- <--------- I like this one from mysql> prompt show events; -- <--------- from workbench / sqlyog *************************** 1. row *************************** Db: so_gibberish Name: set_trips_finished Definer: GuySmiley@localhost Time zone: SYSTEM Type: RECURRING Execute at: NULL Interval value: 1 Interval field: MINUTE Starts: 2015-08-23 00:00:00 Ends: NULL Status: ENABLED Originator: 1 character_set_client: utf8 collation_connection: utf8_general_ci Database Collation: utf8_general_ci 在3D空间中定位元素;这将使它们高于所有其他元素(z位置0px)。

请注意,这是与-webkit-transform: translateZ(1px); CSS属性的100%独立概念,该属性定义了本地堆叠上下文中的堆叠顺序。