div transparenten Hintergrund mit dh

Question

ich versuche, das Karussell Struktur zu verwenden, unter

Karussell

das Problem ist der Hintergrund ( Link mit Beschreibung auf der linken Seite ) halbtransparent und es funktioniert gut mit Opera, Firefox, Chrome, Safari außer IE6. IE6 Displays ohne die vorgenannte transparentcy.how zu ändern, um Anzeige als anderer Browser?

Answer 1

Das Problem mit Ihrer Lösung ist, dass sie die Transparenz mit einer Bilddatei zu erreichen versucht:

#featured .ui-tabs-panel .info{ 
    position:absolute; 
    bottom:0; left:0; 
    height:70px; 
    background: url('images/transparent-bg.png'); 

Internet Explorer <7 nicht richtig wahr PNG Transparenz zeichnen, weil es saugt.

Die Lösung auf Ihrer Seite ist, dass Sie Glück haben und nicht wahre Bild Transparenz benötigen. Stattdessen können Sie die Opazität CSS Modifikator verwenden. Google-Suche nach „CSS Opazität“, das ist eine des ersten Treffers: http://www.quirksmode.org/css/opacity.html

Um diese immer Arbeit wie erwartet (das heißt der Text selbst ist nicht transparent) Sie tun müssen weitere Tricks . Z.B. Schicht ein zweites <div> Element unter dem realen (Cascading sie nicht!) oder kaskadieren und hoffen, dass Sie Opazität in untergeordneten Elemente außer Kraft setzen kann, oder .... Aus diesem Grunde in der ursprünglichen Version, der Trick mit transparentem Bild verwendet wurde.

Es zeigt deutlich, wie schlecht IE saugt. Ich würde es nur verbitten, wie ich mit meiner Web-Site zu tun.