#FFFFFF值不适用于线性渐变和框阴影

时间:2016-10-16 01:16:28

标签: css gradient shadow linear box

我不明白为什么价值观不被接受。我尝试过不同的价值观,但没有任何效果。箱子阴影根本没有出现

CSS

*.a

正在引用CSS的其中一个页面。忽略CSS评论部分,它没有更新

body{
    background: #90C7E3;
    background-image: linear-gradient(#FFFFFF, #90C7E3);
    color: #666666;
    font-family: Helvetica;}

header{
    background-color: #000033;
    color: #FFFFFF;
    line-height: 60px;
    text-indent: 1em;
    text-align: center;
    background-image: url("sunset.jpg");
    background-repeat: no-repeat;
    background-position: right;
    padding-top: 15px;
}

nav a{
    text-align: center;
    background-color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
    padding: 10px;

}



h2{
    color: #3399CC;
    font-family: Georgia;
    text-shadow: 1px 1px #CCCCCC;
}

h1{
    font-family: Georgia;
    margin-top: 0px;
}

h3{
    font-family: Georgia;
    color: #000033;
}

dt{
    font-family: Georgia;
    color: #000033;

}


ul{
    list-style-image: url("marker.gif");
}

footer{
    font-family: Georgia;
    font-style: italic;
    font-size: 75%;
    padding: 20px;
}

.resort{
    color: #5C7FA3;
    font-weight: bold;
}

footer{
    text-align: center;
    padding: 20px;

}

.contact{
    color: #5C7FA3;
    font-weight: bold;
    font-size: 90%
}

#wrapper{
    background-color: white;
    width: 940px;
    max-width: 2048px;
    box-shadow: 3px, #333333;

}

#main-image{
    height: 300px;
    background-image: url("coast-main.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

#accomodations-image{
    height: 300px;
    background-image: url("bungalow-main.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;

}

#activities-image{
    height: 300px;
    background-image: url("hiking-man.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;

}

main{
    padding: 1px 20px 20px 20px;

}

1 个答案:

答案 0 :(得分:0)

这是因为你没有正确定义css渐变Bojack。我认为小提琴将提供你想要的东西。

  

它变得更好......但你必须每天都这样做。

JS小提琴:Edited Solution

这就是我改变了:

@Override
public String getUsername() {
    return getUsername();
}

我已使用 background-image: linear-gradient(#ffffff, #90C7E3); background:#90C7E3; background: -webkit-linear-gradient(-90deg,#ffffff,#90C7E3); background: -o-linear-gradient(-90deg, #ffffff, #90C7E3); background: -moz-linear-gradient(-90deg,#ffffff, #90C7E3); background: linear-gradient(-90deg, #ffffff, #90C7E3); 定义渐变,但您可以根据需要更改渐变。只需按照此链接,就可以很好地解释:

w3schools - gradient CSS

我也修好了盒子阴影。您错误地放置了值。 这就是你如何做到的:-90deg你不应该在值之间设置昏迷。

以下是我编辑代码的方式:

box-shadow: 3px, #333333;