• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Vererbung Transparenz beenden

Status
Für weitere Antworten geschlossen.
Klopp1991

Klopp1991

Neues Mitglied
Die Transparenz für Objekte wird ja vererbt. Wie kann man diese wieder beenden

Beispiel:
HTML: 
<div class="transparent">
Ich bin die Box und bin transparent.
  <p>
    Ich bin ein Text welcher nicht transparent sein sollte.
  </p>
</div>
 
Werbung:
Den Absatz in dem Container kannst Du so selektieren:
Code: 
div.transparent p
und dann die CSS-Eigenschaften entsprechend ändern.

Alle Elemente in dem Container selektierst Du so:
Code: 
div.transparent *

Gruß
Junny
 
Wenn die Transparenz-Klasse für die gesamte Box von Bedeutung ist, dann müsstest du eben für p eine weitere Klasse ".nichttransparent" definieren und p mit Klassenzusatz aufrufen.
Sind deine Absätze generell nicht transparent, dann reicht es wenn du diese Nichttransparenz dem Element p zuweist:
Code: 
p {nicht transparente Styleangaben}
 
Werbung:
Etz brauch ich doch eure Hilfe:

CSS für diese Zeile:
Code: 
body div.main div.padbox {
    -moz-opacity: 1;
}
Code
PHP: 
<body>

<div id="main">

    <div id="gallerytitle">
        <?php if (getOption('Allow_search')) {  printSearchForm(''); } ?>
        <h2><?php printHomeLink('', ' | '); echo getGalleryTitle(); ?></h2>
    </div>

        <div id="padbox">
<!-- AB HIER NICHT MEHR DURCHSICHTIG ! -->
        <div id="albums">
            <?php while (next_album()): ?>
            <div class="album">
                        <div class="thumb">
                    <a href="<?php echo htmlspecialchars(getAlbumLinkURL());?>" title="<?php echo gettext('View album:'); ?> <?php echo getAnnotatedAlbumTitle();?>"><?php printAlbumThumbImage(getAnnotatedAlbumTitle()); ?></a>
                          </div>
                        <div class="albumdesc">
                    <h3><a href="<?php echo htmlspecialchars(getAlbumLinkURL());?>" title="<?php echo gettext('View album:'); ?> <?php echo getAnnotatedAlbumTitle();?>"><?php printAlbumTitle(); ?></a></h3>
                             <small><?php printAlbumDate(""); ?></small>
                    <p><?php printAlbumDesc(); ?></p>
                </div>
                <p style="clear: both; "></p>
            </div>
            <?php endwhile; ?>
        </div>
        <br clear="all" />
        <?php printPageListWithNav("&laquo; ".gettext("prev"), gettext("next")." &raquo;"); ?>
    </div>

</div>
 
Werbung:
Es funktioniert nicht... ich weiss nicht wieso... Ich sitz nun schon ziemlich lange am Problem, aber wo ist es? :cry:
 
Wenn es Dir nur um Sichtbarkeit geht und nicht um Transparenz, wieso nicht visibility?

Code: 
body div#main {
    visibility: hidden;
}
    body div#main div#padbox {
        visibility: visible;
    }
Sichtbar/Unsichtbar

Mein Editor hat sich übrigens fast geweigert, solche div-Suppe zu speichern^^.

Gruß
Junny

edit: Das nächste Mal poste bitte geparsten Code, dann ist es um Einiges leichter, Dir zu helfen.
 
Werbung:
Du hast Recht, das scheint verbuggt zu sein.
Code: 
body div#main {
    -moz-opacity: 0.50;
}
    body div#main div#padbox {
        -moz-opacity: 1.0; /* Wird ignoriert, auch 2.0 bringt nichts */
    }
funktioniert nicht. Interessant wäre, wie sich der IE-Filter opacity verhält.

Alternativen:
  • Die Elemente extra selektieren, die transparent werden sollen:
    Code: 
    body div#main h2 {
    -moz-opacity: 0.50;
}
  • Etwas in der Hintergrundfarbe über den betreffenden Elementen schweben lassen und halbdurchsichtig machen. So kann Transparenz von oben simuliert werden. z.B. auch mit einer halbtransparenten PNG-Grafik, die als Hintergrundbild wiederholt wird.
 
Werbung:
Ah, hatte ich in der Tat nicht gelesen, weil der einzelne Link wie Werbung aussah. Gut zu wissen.
Auch mit opacity geht das leider nicht. Die Sache hat aber System, denn es geht weder im Firefox noch im Opera.
 
Junny schrieb:
Du hast Recht, das scheint verbuggt zu sein.
Code: 
body div#main {
    -moz-opacity: 0.50;
}
    body div#main div#padbox {
        -moz-opacity: 1.0; /* Wird ignoriert, auch 2.0 bringt nichts */
    }
Zum Vergrößern anklicken....
Das ist kein Bug. Die Transparenz kann mit opacity nur herrabgesetzt werden.
Der umgekehrte Weg ist nicht möglich.
opacity: 1.0; ist der Defaultwert ausgehend von der event. vorhandenen Tranzparenz (bewirkt also nichts).

Der Prefix für Mozilla (-moz- ) ist ab ff1 nicht mehr nötig.
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben