Background Img ohne Rand
Anna
- css
0 ChrisB0 Der Martin0 Anna0 Shadowcrow0 Anna
0 Gunnar Bittersmann0 Matthias Apsel
Hallo,
ich habe ein Problem und ich hoffe ihr könnt mir helfen:
ich habe für den Hintergrund von meiner Homepage ein div('bg') definiert, dass wiederum ein background-img mit repeat-x enthält. Mein Problem ist, dass zwischen den Bildern eine weiße Grenzlinie ist, die ich einfach nicht wegbekomme.
Das hier ist mein Code:
<body>
<div id='bg'>
<!-- ... -->
</div>
</body>
body {
font-size: 100%;
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
line-height: 1.3;
text-align:center;
font:inherit;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
background:#b6d8f3;
font-size:62.5%;
border-style:none;
}
#bg {
background-image:url(../images/bgp.jpg);
background-repeat:repeat-x;
background-position:bottom left;
background-attachment:fixed;
border: none;
border-style: none;
}
Ich hoffe mein Problem ist klar geworden.
Danke schonmal! :)
Hi,
ich habe für den Hintergrund von meiner Homepage ein div('bg') definiert, dass wiederum ein background-img mit repeat-x enthält. Mein Problem ist, dass zwischen den Bildern eine weiße Grenzlinie ist, die ich einfach nicht wegbekomme.
Was bedeutet denn „zwischen den Bildern“, wenn nur ein Bild im Spiel ist?
MfG ChrisB
Hallo,
Was bedeutet denn „zwischen den Bildern“, wenn nur ein Bild im Spiel ist?
wahrscheinlich sowas ähnliches wie "Sprecht miteinander zwischen zwölf Uhr".
*scnr*
Martin
Was bedeutet denn „zwischen den Bildern“, wenn nur ein Bild im Spiel ist?
Na die Bilder werden mit repeat-x nebeneinander gefügt. Ich habe hier mal eine Skizze gemacht:
--------------------------------------
| |
| |
| |
| Hintergrundfarbe |
| |
| |
| |
| |
Bild |
-------------------------------------- |
Die weiße Linie ist zwischen den einzelnen Bildern und der Kante zwischen Bildern und Hintergrundfarbe.
'ǝɯɐu$ ıɥ
Prüfe mal ob dieser Streifen nicht teil des Bildes ist - nicht jetzt sagen: "kann garnicht sein", glaub mir und schau bitte genau nach.
ssnɹƃ
ʍopɐɥs
Das war die Lösung!! :)
Ich hatte da sogar schon selber drann gedacht, aber der Hintergrund von der Windows Fotoanzeige ist anscheinend nicht dunkel genug. Ich habe jetzt einfach nur einen Ausschnitt vom Bild benutzt und die Ränder sind weg!
Danke!!! :):)
@@Anna:
nuqneH
ich habe für den Hintergrund von meiner Homepage ein div('bg') definiert
Nein, wozu? Für ein Hintergrundbild brauchst du kein zusätzliches Markup. Weg mit dem 'div'!
Moderne Browser können einem Element mehrere Hintergrundbilder verpassen. [CSS3-BACKGROUND §3.1]
Außerdem stehen dir mit 'html' und 'body' zwei Elemente zur Verfügung, denen du jeweils ein Hintergrundbild geben kannst.
Qapla'
Om nah hoo pez nyeetz, Anna!
ich habe für den Hintergrund von meiner Homepage ein div('bg') definiert, dass wiederum ein background-img mit repeat-x enthält. Mein Problem ist, dass zwischen den Bildern eine weiße Grenzlinie ist, die ich einfach nicht wegbekomme.
Gunnar schrieb:
Moderne Browser können einem Element mehrere Hintergrundbilder verpassen. [CSS3-BACKGROUND §3.1]
Zwei Ergänzungen:
Vielleicht dieser Artikel interessant.
Du kannst auch dem Element html und dem body je ein Hintergrundbild verpassen. Matthias