Anchor的工作没有成功

时间:2016-03-05 05:20:48

标签: html css web hyperlink

所以今天我在我公司的网站上工作,我遇到了一个错误:主持人不能工作。当我删除CSS它工作正常,但当它在那里,嗯......你知道。无论如何,因为我不想显示我的所有代码。这里只是CSS。再一次,不知道出了什么问题。请帮忙!

html {
    background-image: url("https://upload.wikimedia.org/wikipedia/commons/2/27/Abstract_-_Wall_(Imagicity_996).jpg");
    background-size: cover;
    background-attachment: fixed;
    font-family: sans-serif;
}

body {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;            
    overflow-x: hidden;
    margin: 0px;
}


.head {
    z-index: -1;
    position: fixed;
    top: 200px;
    left: 50%;
    margin-left: -150px;
    text-align: center;
    color: white;
}

.head img {
    width: 300px;
}

.bottom {
    position: fixed;
    width: 300px;
    left: 50%;
    top: 75%;
    margin-left: -150px;
}

.bottom a > img {
    margin: auto;
    width: 50px;
    height: 50px;
    background-color: white;
    border-radius: 360px;
}

.story {
    width: 100%;
    height: auto;
    background-color: white;
    margin-top: 100vh;
    text-align: center;
}

.story .text {
    width: 90%;
    height: 100%;
    background-color: white;
    padding-top: 10px;
    text-align: center;
    margin: auto;
}

.story img {
    display: inline-block;
    height: 200px;
    padding: 25px;
}

.story p {
    margin: 0px;
    margin-top: 10px;
    background-color: white;
}

.story h2 {
    width: 50%;
    margin: 10px;
    margin-top: 10px;
    background-color: white;
    margin: auto;
}

#product {
    width: 100%;
    height: 100%;
}

.nav h3 {
    position: fixed;
    top: 0px;
    z-index: -1;
    color: white;
    padding: 5px;
    display: inline-block;
}

.nav h3:hover {
    text-decoration: underline;
}

1 个答案:

答案 0 :(得分:0)

嗯......那些-1 z索引看起来很有趣。你应该调查那些。