Kā padarīt div fona krāsu caurspīdīgu CSS

Es neizmantoju CSS3. Tāpēc es nevaru izmantot opacity vai filter atribūtus. Kā, neizmantojot šos atribūtus, es varu padarīt caurspīdīgu div fona krāsu? Tam vajadzētu būt līdzīgam teksta lauka piemēram šajā saite. Šeit teksta lauka fona krāsa ir caurspīdīga. Es gribu to pašu, bet neizmantojot iepriekš minētos atribūtus.

Derek 朕會功夫
Rediģēts jautājums 19priekšpusdienari6t jūlijā 2015 в 12:16
Programmēšana
html css background-color transparent
4priekšpusdienari5t augustā 2012 в 8:57
12 skati

Problēma ar caurspīdīgumu ir tā, ka tas ietekmē arī saturu, lai gan bieži vien jūs to nevēlaties.

Ja jūs vienkārši vēlaties, lai jūsu elements būtu caurspīdīgs, tas ir tikpat vienkārši kā :

background-color: transparent;

Bet, ja vēlaties, lai tas būtu iekrāsots, varat izmantot:

background-color: rgba(255, 0, 0, 0.4);

Vai arī definēt fona attēlu (1px uz 1px), kas saglabāts ar pareizo alfa.
(Lai to izdarītu, izmantojiet Gimp, Paint.Net vai jebkuru citu attēlu programmatūru, kas to ļauj.
Vienkārši izveidojiet jaunu attēlu, izdzēsiet fonu un ielieciet tajā daļēji caurspīdīgu krāsu, pēc tam saglabājiet to kā png.)

Kā jau teica René, vislabāk būtu apvienot abus attēlus, vispirms izmantojot rgba, bet attēlu 1px pēc 1px kā rezerves variantu, ja pārlūkprogramma neatbalsta alfa:

background: url('img/red_transparent_background.png');
background: rgba(255, 0, 0, 0.4);

Skatīt arī : http://www.w3schools.com/cssref/css_colors_legal.asp.

Demo : [Mans JSFiddle](http://jsfiddle.net/APSnL/68/)

Jerska
Rediģēta atbilde 4pēcpusdienari4t augustā 2017 в 12:20
Komentāri (2)
Risinājums

Necaurspīdīgums nodrošina caurspīdīgumu vai caurspīdīgumu. Skatiet piemēru [Fiddle šeit][1].

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";       /* IE 8 */
filter: alpha(opacity=50);  /* IE 5-7 */
-moz-opacity: 0.5;          /* Netscape */
-khtml-opacity: 0.5;        /* Safari 1.x */
opacity: 0.5;               /* Good browsers */

Piezīme: tās NAV CSS3 īpašības.

Skatīt http://css-tricks.com/snippets/css/cross-browser-opacity/

Adrien Be
Rediģēta atbilde 24priekšpusdienari0t februārī 2014 в 11:35
Komentāri (12)

transparent ir noklusējuma iestatījums fona krāsai.

http://www.w3schools.com/cssref/pr_background-color.asp

Komentāri (2)