Webboard

Pełna wersja: Jak zrobić przezroczyste tło w .trow1 i 2
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
wersja skryptu MyBB: 1.6
adres forum: n/a
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Jaki kod należy zamieścić w css'ach .trow 1 i 2 aby ich tło było półprzeźroczyste ? (zależy mi na widoku tła strony oraz zawartości .container)
Kod:
background-color: rgba(255,0,0,0.5);
tam gdzie masz 255,0,0 wprowadzasz interesujący cię kolor w systemie dziesiętnym (nie w hexie!). 0.5 to wartość przezroczystości (od 0 do 1).
lepiej
Kod PHP:
opacity:0.5 
jedyne co się dzieje po dodaniu
Kod:
background-color: rgba(255,0,0,0.5);
to kolor przygasa, przeźroczystości brak
To spróbuj zmniejszyć przezroczystość.
Kod:
background-color: rgba(255,0,0,0.8);
Ustaw ostatnią wartość na 0 to będzie całkowicie przezroczysta.
(29.01.2011, 09:00)Nidrax napisał(a): [ -> ]Ustaw ostatnią wartość na 0 to będzie całkowicie przezroczysta.
kod wygląda następująco:

Kod:
.trow1 {
    background-color: rgba(255,6,7,0.0);
    
}

.trow2 {    
        background-color: rgba(255,2,4,0.0);
}

efekt widoczny na screenie:
[attachment=3141]
to zmień background-color: rgba(255,2,4,0.0); na opacity: 0; jak radził Wujas. (BTW, tego typu rzeczy nie działają na IE 8)
Kod:
.trow1 {
    background: #343434;
    opacity: 0;
}

Otrzymuję:


[attachment=3142]


Przeglądarka - FF
Gdybyś podał adres forum sprawdzilibyśmy czy u innych nadal jest tak.
niestety ale problematyczna strona jest dostępna jedynie dla ekipy forum jako witryna testowa

google chrome pokazuje to samo co FF
A takie coś:
Kod:
.trow1 {
    /* Fallback for web browsers that doesn't support RGBa */
    background: #f5f5f5;
    /* RGBa with 0.6 opacity */
    background: rgba(0, 0, 0, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";

}

http://robertnyman.com/2010/01/11/css-ba...d-filters/
Niestety nie działa.
bo wyczyszczeniu koloru .tborder działa :)