1Danke
ERLEDIGT
NEIN
NEIN
ANTWORTEN
8
8
ZUGRIFFE
815
815
EMPFEHLEN
-
Hallo Leute,
ich würde gerne ein DIV erstellen, dass halb-transparent ist. Allerdings nur der
Hintergrund und nicht der Text und Bilder des DIVs.
Also ein gräuliches, halb-durchlässiges DIV, dass aber "knallweißen" Text und ein Logo enthält.
Wie geht sowas?
Ganz lieben Dank für Hilfe!
Soezkan
-
Du hast 2 Möglichkeiten:
a) Gib dem Element ein transparentes Hintergrundbild.
b) Bau in das Element 2 weitere Elemente ein. Das eine erhält einen transparenten Hintergrund, das andere den anzuzeigenden Text. Beide kannst Du dann per absolute Positionierung übereinander legen.
Ich würde zu a) raten.
-
Danke! Ich machs mit a)
Liebe Grüße
Soezkan
-
Jetzt habe ich mir eine transparentes PNG erstellt und wenn ich das als Hintergrund einsetze, ist die DIV Box einfach nur grau und verdeckt das Bild dahinter komplett. Also nicht transparent. Was mache ich falsch?
Danke
-
Kann man mit den vorliegenden Infos nur raten ..
.. vlt. ist das Bild nicht wirklich transparent.
.. vlt. liegt es auch am HTML- und/oder CSS-Code.
.. vlt. verwendest Du einen Browser ohne Unterstützung für alphatransparente PNGs (z.B. IE6).
-
Sorry für die Ungenauigkeit.
Ich benutze IE8, FF3.6, GoogleChrome.
Im ANhang ist die transparente PNG-Grafik.
Der Code sieht im Moment so aus:
Und wenn ich die transp. Grafik einsetze, dann so:PHP-Code:div#mainContainer div#header div#mainNavigationBox {
background-color: #000000;
filter: alpha(opacity=40);
opacity: 0.4;
-moz-opacity:0.4;
height: 100px;
min-height: 100px;
width: 774px;
margin: 0 0 0 0;
padding: 0 36px 0 54px;
}
Eingebunden wirs so:PHP-Code:div#mainContainer div#header div#mainNavigationBox {
background-image: url(images/transbg.png);
height: 100px;
min-height: 100px;
width: 774px;
margin: 0 0 0 0;
padding: 0 36px 0 54px;
}
PHP-Code:<body>
<div id="mainContainer">
<div id="header">
<div id="mainNavigationBox">
<ul class="links" id="navlist">
<li class="menu"><a href="/seite1">Wir über uns</a></li>
<li class="menu"><a href="/unser-team">Unser Team</a></li>
<li class="menu"><a href="/serviceleistungen">Kundenservice</a></li>
<li class="menu"><a href="/news">News</a></li>
<li class="menu"><a href="/kontakt" title="Kontakt">Kontakt</a></li>
</ul> <p class="logo"> </p>
</div>
</div>
-
Es lag am PNG. Irgendwie bin ich zu doof ein PNG das transparent ist zu erzeugen.
Habe ein anderes genommen und entsprechend eingefäbt:
http://www.daltonlp.com/75p_honey.png
Seltsam. Wie erstellt man denn so ein PNG?
-
Wie das geht hängt von deiner Grafikbearbeitung ab. Bei Gimp geht es z.B. so wie in der Dokumentation beschrieben.
http://docs.gimp.org/de/gimp-using-w...nsparency.html
-
Hallo,
Zitat von soezkan
dann nimm sie einfach von hier: Free PNGs for Creating Transparent Fills
Zitieren
Ähnliche Themen
-
Wie speichert man ein Bild mit transparentem Verlauf und transparentem Hintergrund?
Von jaisan im Forum PhotoshopAntworten: 1Letzter Beitrag: 07.06.10, 22:35 -
rendern mit transparentem Hintergrund min 3d max
Von TrainerTh im Forum 3D Studio MaxAntworten: 15Letzter Beitrag: 30.06.04, 16:21 -
Gif in PictureBox mit transparentem Hintergrund
Von Alphamännchen im Forum .NET ArchivAntworten: 0Letzter Beitrag: 03.06.04, 11:34 -
Kristall auf Transparentem Hintergrund?
Von eVoStorm im Forum PhotoshopAntworten: 8Letzter Beitrag: 31.12.03, 18:04 -
Schrift auf Transparentem Hintergrund****?
Von voodoo.mailer im Forum Sonstige Grafik-ProgrammeAntworten: 0Letzter Beitrag: 06.11.01, 21:04
Login
