Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag26.10.2012 um 11:32 (UTC)    
Titel: Text - Hintergrund Transparent

Hallo
Ich habe ein Problem, ich habe mir einen Script erstellt, wo der Text auf einem teil eines ganzes Bildes im extra Hintergrund Transparent sein sollte - es funktioniert auch, bin auch fast Glücklich damit, nur bei Internet - Explorer schlägt dies nicht an. Vielleicht kennt sich hier noch ein besserer Profi damit aus, damit es auch so aussieht wie bsp bei Google Chrome, wäre echt sehr Dankbar.

Ich tue den eigens erstellten Code unten einfügen...

Code:
<div border="0" style="width: 100px; height: 100px; background-image: url(Bild);">
<div style="   background-color:#ffffff;
opacity:0.5; /* Set the opacity for Firefox, Opera and Chrome (value may range from 0 -4) */
filter:alpha(opacity=50); /* Set the opacity for Internet Explorer (value may range from 1 - 100) */
.padding:3px;
}">
<div><span style="color: rgb(0, 0, 128);"><span style="font-size: larger;"><span style="font-family: Arial;"><strong>TEXT</strong></span></span></span><br />
<span style="color: rgb(204, 0, 0);"><span style="font-size: larger;"><span style="font-family: Arial;"><strong><br />
</strong></span></span></span>&nbsp;</div>
</div>
</div>


Zuletzt bearbeitet von modellkirmesbilder am 26.10.2012, 12:33, insgesamt einmal bearbeitet
Beitrag26.10.2012 um 14:51 (UTC)    
Titel:

Der -ms-filter wert sollte über den filter:alpha stehen!

Code:


<div border="0" style="width: 100px; height: 100px; background-image: url(Bild);">
<div style="   background-color:#ffffff;
opacity:0.5; /* Mozilla Firefox 3, Opera und Chrome */
-moz-opacity:0.5; /*Mozilla Firefox 2*/
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE8 - IE9 */
filter:alpha(opacity=50); /*IE5 - IE7*/
.padding:3px;
}">
<div><span style="color: rgb(0, 0, 128);"><span style="font-size: larger;"><span style="font-family: Arial;"><strong>TEXT</strong></span></span></span><br />
<span style="color: rgb(204, 0, 0);"><span style="font-size: larger;"><span style="font-family: Arial;"><strong><br />
</strong></span></span></span>&nbsp;</div>
</div>
</div>


______________
Born to be a N3rd
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de