Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Jak zrobić przezroczyste tło w .trow1 i 2

Założony przez  elroyalo.

28.01.2011, 19:13 (Ten post był ostatnio modyfikowany: 30.01.2011, 14:30 przez Adrian.)
#1
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)
28.01.2011, 20:06 (Ten post był ostatnio modyfikowany: 28.01.2011, 20:07 przez Daniel Praźmo.)
#2
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).
:: Akcja DZIĘKUJĘ ZA POMOC ::
Pomocy udzielam jedynie na forum. Wszystkie rzeczy wykraczające poza tą dziedzinę wykonuję odpłatnie.
28.01.2011, 21:58
#3
lepiej
opacity:0.5 
Serwery CS REKSIO:))
28.01.2011, 22:22 (Ten post był ostatnio modyfikowany: 28.01.2011, 22:30 przez elroyalo.)
#4
jedyne co się dzieje po dodaniu
background-color: rgba(255,0,0,0.5);
to kolor przygasa, przeźroczystości brak
29.01.2011, 00:51
#5
To spróbuj zmniejszyć przezroczystość.
background-color: rgba(255,0,0,0.8);
29.01.2011, 09:00 (Ten post był ostatnio modyfikowany: 29.01.2011, 09:00 przez Daniel Praźmo.)
#6
Ustaw ostatnią wartość na 0 to będzie całkowicie przezroczysta.
:: Akcja DZIĘKUJĘ ZA POMOC ::
Pomocy udzielam jedynie na forum. Wszystkie rzeczy wykraczające poza tą dziedzinę wykonuję odpłatnie.
29.01.2011, 17:24
#7
(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:

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

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

efekt widoczny na screenie:
   
29.01.2011, 17:50 (Ten post był ostatnio modyfikowany: 29.01.2011, 17:50 przez Daniel Praźmo.)
#8
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)
:: Akcja DZIĘKUJĘ ZA POMOC ::
Pomocy udzielam jedynie na forum. Wszystkie rzeczy wykraczające poza tą dziedzinę wykonuję odpłatnie.
29.01.2011, 18:34 (Ten post był ostatnio modyfikowany: 29.01.2011, 18:35 przez elroyalo.)
#9
.trow1 {
    background: #343434;
    opacity: 0;
}

Otrzymuję:


   


Przeglądarka - FF
29.01.2011, 19:34
#10
Gdybyś podał adres forum sprawdzilibyśmy czy u innych nadal jest tak.
29.01.2011, 19:39 (Ten post był ostatnio modyfikowany: 29.01.2011, 19:41 przez elroyalo.)
#11
niestety ale problematyczna strona jest dostępna jedynie dla ekipy forum jako witryna testowa

google chrome pokazuje to samo co FF
31.01.2011, 11:20
#12
A takie coś:
.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/
31.01.2011, 19:35
#13
Niestety nie działa.


Załączone pliki Miniatury
   
06.02.2011, 19:17
#14
bo wyczyszczeniu koloru .tborder działa :)



Użytkownicy przeglądający ten wątek:

1 gości