Der Hintergrundfarbe einer Tabellenzelle eine Transparenz (ca. 30%) geben.

schlegel.berlin · 20. Aug. 2014

Hallo ihr Lieben,

habe wieder einmal ein Problem:

a) Im Body ist ein bildfüllendes Foto in einem Div-Container
b) In einem „darüber“ angeordneten Div-Container ist eine Tabelle in der ein scrollbarer Text liegt.
c) Diese Tabelle hat eine Hindergrundfarbe (z.B. grau)

Die Aufgabe:

Die Hintergrundfarbe (grau) der Tabelle soll eine Transparenz (ca. 30%) erhalten, OHNE Einfluss auf den Text, der in dieser Tabelle ist.
Das Foto im "untergordneten" Div-Container soll als durch die Hintergrundfarbe der Tabellenzelle ein wenig durchsimmern" ...

Irgendwie breche ich mir die Ohren an dieser Aufgabe.
Wer kann helfen?

LG, Karin

mikdoe · 21. Aug. 2014

Du hast doch bestimmt schon was versucht. Wie sieht denn der Code des Versuches aus, der deinem Wunsch am nächsten kommt?

schlegel.berlin · 21. Aug. 2014

Hab's gstern Nacht noch gelöst.
Für jene,die das vielleicht auch mal brauchen

Die CSS- Datei

Code:

<style>
.scroll{
width:440px; /* Breite der scrollbaren Tabellenzelle */
height:400px; /* Höheder scrollbaren Tabellenzelle */
text-align:justify; /* Blocksatz */
overflow:auto; /* automatisch scrollen */
font-family:Verdana,Arial,sans-serif;
font-size:14px;
font-weight:normal;
color:white;
padding-right:4px;
overflow-x:hidden;

/* hier kommt jetzt die Sache mit der Transparenz */
background: rgb(0, 0, 0) transparent;/* Fallback für Browser, die RGBa nicht unterstützt * /
background: rgba(0, 0, 0, 0.3); /* RGBa mit 0.3 opacity */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); /* Für IE 5.5 - 7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";/* Für IE 8+, Firefox, Safari */
}

In der HTML/PHP- Seite (auf's Wesentliche reduzierter Code):

Code:

<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>

<body background="bild.jpg">
<table>
<tr>
<td>
<div class="scroll">

Hier steht ein beliebig lange Text ...

</div>
</td>
</tr>
</table>
</body>

Hoffe es kann jemand brauchen ...

Der Hintergrundfarbe einer Tabellenzelle eine Transparenz (ca. 30%) geben.

schlegel.berlin

New member

mikdoe

Moderator

schlegel.berlin

New member