Hintergrundbild (background) transparenz ändern?
- Ersteller snoklmy
- Erstellt am
Werbung:
![]()
PumkinPatrick
Neues Mitglied
Das sollte vor dem Einbinden in einem Grafikprogramm gemacht werden. Die entsprechende Grafik muss dann auch als *.png Datei gespeichert werden.
bodo92
Aktives Mitglied
Möglicherweise möchte er ja beim Hover einen Effekt des Hintergrundes erreichen, eventuell hilft das hab nur aus Interesse mal nachgesehen http://www.sitepoint.com/css3-transform-background-image/
Werbung:
![]()
B3nnoX
Aktives Mitglied
Ich dachte es geht um die Transparenz des Bildes und nicht um die Rotation oder dergleichen? ;)
Eigentlich sollte es funktionieren, ich weiß nun aber nicht ob es Browser gibt wo es Probleme gibt. Also zum Beispiel IE 8 und früher kann diesen Befehl nicht.
Hier was zum nachlesen
Ich würde sonst einfach vorschlagen das du die Seite oder deinen Test mal zur Verfügung stellst mit dem was du bis jetzt versucht hast
Eigentlich sollte es funktionieren, ich weiß nun aber nicht ob es Browser gibt wo es Probleme gibt. Also zum Beispiel IE 8 und früher kann diesen Befehl nicht.
Hier was zum nachlesen
Ich würde sonst einfach vorschlagen das du die Seite oder deinen Test mal zur Verfügung stellst mit dem was du bis jetzt versucht hast
djheke
Aktives Mitglied
Mit :before oder :after würde es auch gehen. Es geht aber auch so.
Probier mal, ob du es so haben willst.
HTML:
<!doctype html>
<html>
<head>
<title>Transparentz</title>
<meta charset="UTF-8">
<style>
* {
margin:0;
padding:0;
}
html, body {
height:100%;
}
body {
background:url(bild2.jpg) fixed;
background-size:cover;
position:relative;
}
#wrapper {
padding:10px;
min-height:100%;
background:rgba(0,0,0,.95);
color:#fff;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="innen">
<h1> Titel </h1>
<p>Hier kommt der Text</p>
</div>
</div>
</body>
</html>Probier mal, ob du es so haben willst.
Zuletzt bearbeitet:
Werbung:
![]()