Ich habe mit dem CSS Code background-image: url(images/water012.jpg); den Background einer Webseite gestaltet. Für kleine Bildschirme würde ich gerne diesen Befehl ausschalten, weiß aber nicht richtig wie? Kann jemand helfen?
background-image
-
-
Informiere dich über Mediaquries, damit ist es kein Problem.
-
Der background-image Befehl ist im body Tag enthalten.
body {
background-image: url(images/water012.jpg);
font-size:100%;
margin:0em;
padding:0em;
}
Der mobile Stile sieht so aus.
/* Mobile Style */
@media screen and (max-width:930px) {
body {
font-size:90%;
}
}
@media screen and (max-width:930px) {
#main aside, #main article {
width:100%;
display:block;
margin:0.625em 0em 0.625em 0em;}
footer {
display: none;
}
}
@media screen and (min-width:931px) {
nav.nav {
display:block !important;
}
}
@media screen and (max-width:930px) {
body {
font-size:80%;
}
header h1 {
display: inline;
}
#menubar ul li a.menubutton {
display:block;
}
#main aside section {
display: list-item;
}
#main section article a.img160 {
width: 50%;
}
#main article iframe {
width: 90%;
}
nav {
display:none;
height:auto;
}
nav ul li {
display:block;
margin:0.3em 0em 0.3em 0em;
}
footer {
display: none;
}
}
Ich bin im Moment überfragt, wie ich den Befehl background-image "nicht anzeigen" darstellen soll. -
Für background-image ist auch der Wert none möglich:
-
Wie blöd bin ich!!! Ich stand voll auf dem Schlauch. Danke Sempervivum. Manchmal reicht ein kurzes Anstubsen, dann ist man wieder auf der Schiene!
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!