保证金在%年龄的保证金不适用于野生动物园

时间:2013-06-17 04:41:01

标签: html css safari cross-browser

这是Css代码...抱歉,由于客户端,我无法共享整个代码。

这在除了safari之外的所有浏览器中都运行良好...当我在margin-top中提供px时,这在safari中也有效,但我希望它在%age。问题在于#slide-txt4, #fifth-slide, #slide-txt5这三个id有问题......在safari中也可以休息。我尝试使用firebug,并且问题在于margin-top。请帮忙!

#wrapper {
    clear: both;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}

.container {
    clear: both;
    float: left;
    width: 100%;
}
.slides {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-top:79px;
    position:relative;
}
.slides img {
    position: absolute;
    cursor:pointer;
}
.slides h1 {
    position: absolute;
    z-index: 1;
    font-size: 72px;
    font-weight: normal;
    line-height: 57px;
    cursor:pointer;
}
#first-slide {
    left: 0;
    width: 36%;
}
#slide-txt1 {
    margin-left: 1.5%;
    margin-top: 16%;
    width: 302px;
    word-wrap: break-word;
}
#second-slide {
    left: 29.7%;
    width: 41.8%;
}
#slide-txt2 {
    margin-left: 38%;
    margin-top: 3.7%;
    width: 240px;
    word-wrap: break-word;
}
#third-slide {
    right: 0;
    width: 34.4%;
}
#slide-txt3 {
    margin-right: 1%;
    margin-top: 27.6%;
    right: 0;
    width: 248px;
    word-wrap: break-word;
}
#forth-slide {
    left: 0;
    margin-top: 39.8%;
    position: relative;
    width: 51%;
    z-index: 0;
}
#slide-txt4 {
    margin-left: 1.5%;
    margin-top: 42.3%;
    width: 294px;
    word-wrap: break-word;
}
#fifth-slide {
    margin-top: 39.8%;
    right: 0;
    width: 53.2%;
    z-index: 0;
}
#slide-txt5 {
    margin-right: 1%;
    margin-top: 43%;
    right: 0;
}

0 个答案:

没有答案