Hallo,
habe mir hier dieses anhand von versch. Anleitungen/Beispielen zusammengebaut, laut dieser sollte es regelkonform sein. Allerdings fruchtet es in keinem Browser.
Was mache ich falsch? Wie zu erkennen, benötige ich mehrere background-Bilder sowie einen Farbverlauf in einem div/Bereich.
Danke.
habe mir hier dieses anhand von versch. Anleitungen/Beispielen zusammengebaut, laut dieser sollte es regelkonform sein. Allerdings fruchtet es in keinem Browser.
Was mache ich falsch? Wie zu erkennen, benötige ich mehrere background-Bilder sowie einen Farbverlauf in einem div/Bereich.
Danke.
Code:
#gehtnicht {
float:left;
width:260px;
height:530px;
margin:-5px 30px 20px -5px;
background:rgba(0,0,0,.1);
background:url(/home/img/logo/start_1.png) center 190px no-repeat, url(/home/img/logo/start_2.png) center -8px no-repeat,
-moz-linear-gradient(top, rgba(21,126,188,0) 0%, rgba(125,185,232,1) 100%),
-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(21,126,188,0)), color-stop(100%,rgba(125,185,232,1))),
-webkit-linear-gradient(top, rgba(21,126,188,0) 0%,rgba(125,185,232,1) 100%),
-o-linear-gradient(top, rgba(21,126,188,0) 0%,rgba(125,185,232,1) 100%),
-ms-linear-gradient(top, rgba(21,126,188,0) 0%,rgba(125,185,232,1) 100%),
linear-gradient(to bottom, rgba(21,126,188,0) 0%,rgba(125,185,232,1) 100%);
border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
box-shadow:0px 0px 5px 5px rgba(0,0,0,.6);
-webkit-box-shadow:0px 0px 5px 5px rgba(0,0,0,.6);
-moz-box-shadow:0px 0px 5px 5px rgba(0,0,0,.6);
}