✔ css und transparent ?

Status
Nicht offen für weitere Antworten.
@hochi

der tipp ist gut!!!
doch weiß jemand von euch, ob man diesen dünnen rand mit eben diesem "durchsichtigem effekt" koppeln kann!!!
da bin ich ja mal gespannt, ob dass jemand schafft!!!
 
gääääähn

Code: 
<table border="0" cellpadding="0" cellspacing="0" width="200" height="300" style="border:1px solid #000000;background-color:#999900;filter:alpha(opacity=60);">
<tr>
<td>
<center><font face="Tahoma" size="1">ihr langweilt mich :-)</center></font></td>
</tr>
</table>
 
Moin,
also ich bin TechAdmin eines WBB, nun hatten wir vor die gesamte Tabelle durchsichtig zu machen, ich konnte hier im Board nichts passendes finden.
Wir wollten gerne den Hintergrund durchscheinend haben, sodass im Grund die Schrift nur auf dem Hintergrundbild zu sehen ist und die Tabellen anstatt zum Beispiel weißen Hintergrund dann eben keinen Hintergrund haben sondern eben transparent sind.
Ich hoffe ich habe nichts übersehen und freue mich auf ihre Antworten.
MFG
Leegolas
 
Zuletzt bearbeitet:
Hi Leute. also das von Constantin Vellenzer
is ja schonmal ncih schlecht. Aber gibt es ne möglichkeit das der Text nich auch Transparent ist, sonder nromal dargestellt wird. und nur der tabbelenhintergrund transparent is ?

mfg chris
 
Weiß da niemand eine Lösung? Ich suche da auch schon seit langem danach!
gibt es keine Möglichkeit den Hintergrund transparent zu machen, ohne dass gleich der Text mit verschwindet?

Gruß aus Augsburg
Michael
 
Um mit filter: alpha(opacity=50); (IE) und -moz-opacity: 0.5; (FF, MOZ, NN) eine Halbtransparenz für (Tabellenzellen-) Hintergründe zu bestimmen, den Text aber nicht halbtransparent darzustellen, werden zwei übereinander liegende DIVs benötigt:

CSS-Code:
Code: 
div.opacity
{
filter: alpha(opacity=50);
-moz-opacity: 0.5;
z-index: 1;
width: 100%;
height: 100px;
background-color: #003080;
}

div.no_opacity
{
position: relative;
margin-top: -100px;
z-index: 2;
width: 100%;
height: 100px;
}

HTML-Code:
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title></title>

<style type="text/css">
<!--
body
{
background: url(bgImage.jpg);
color: #ddeeff;
}

div.opacity
{
filter: alpha(opacity=50);
-moz-opacity: 0.5;
z-index: 1;
width: 100%;
height: 220px;
background-color: #003080;
}

div.no_opacity
{
position: relative;
margin-top: -220px;
z-index: 2;
width: 100%;
height: 220px;
}
-->
</style>

</head>
<body>

<table border="1" cellspacing="5" cellpadding="5" width="100%">
<tr>
       <td>
           Tabellenzelle 1 ohne Hintergrundfarbe
       </td>
</tr>
<tr>
       <td>
           <div class="opacity"></div>

           <div class="no_opacity">
           <p>Tabellenzelle 2 mit Hintergrundfarbe und Opacity=50</p>
           </div>
       </td>
</tr>
<tr>
       <td>
           Tabellenzelle 3 ohne Hintergrundfarbe
       </td>
</tr>
<tr>
       <td>
           <div class="opacity"></div>

           <div class="no_opacity">
           <p>Tabellenzelle 4 mit Hintergrundfarbe und Opacity=50</p>
           </div>
       </td>
</tr>
</table>

</body>
</html>
Browsercheck: FF 1.0.2, IE 6.0, MOZ 1.6, NN 7.0

Der Opera-Browser unterstützt den Opacity-Filter (noch) nicht.
 
c2uk hat gesagt.:
Unterstützen diese nicht PNG-Transparenz? Das könnte man dann doch irgendwie per css ausnutzen.
Zum Vergrößern anklicken....
Ja, das könnte man nutzen. Ein PNG als Hintergrund mit 80% Deckkraft würde auch gleich das Problem mit dem Text lösen.
Leider beherscht der IE die Transparenz von PNGs nicht komplett. Bei normalen Bildern kein Problem (da existieren Workarounds), aber bei Hintergrundbildern weiterhin problematisch.
Und ein GIF mit einem Pixel Farbe und dann wieder einem Pixel Transparent sieht leider nicht ganz so smooth aus :(

mfg
 
Aber man könnte doch in die CSS einen Filter für Opera Browser einbauen, der dann der Tabelle das PNG Bild als Hintergrund verpasst. Nur kann ich gerade keinen CSS-Filter für Opera aus dem Ärmel schütteln.
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück