s pozīcija: absolūta; pirms (piemēram) #main un vienā augstumā un #main, tad fona attēls un necaurredzamība: 0,2; ...

#galvenais (pozīcija: relatīvs;) #galvenais: pēc (saturs: ""; displejs: bloks; pozīcija: absolūts; augšā: 0; pa kreisi: 0; fona attēls: url (/ wp-content / augšupielādes / 2010/11 /tandem.jpg), platums: 100%; augstums: 100%; necaurredzamība: 0,2; z-indekss: -1;

CSS ieskats – starppārlūkprogrammu risinājums - 3,8 no 5, pamatojoties uz 6 balsīm

Tajā pašā laikā CSS ir daudz skaidrības, izpratne gan par dažādiem sānu elementiem ir redzējums un spēja sasniegt vairāk starppārlūkprogrammu funkcionalitātes, lai tas pats robotizēts efekts arī citās pārlūkprogrammās.

Jaks sniedz ieskatu par jebkuru elementu

CSS3 skaidrāko elementu stumbram ir dots necaurredzamības spēks, jo to iespējams piefiksēt pie jebkuriem elementiem. Spēka centrā vērtības ir no 0 līdz 1, kas sāk redzes soļus. De 0 ir redzes ķēde (nozīmē ideju visiem elementiem), un 1 ir pārredzamības trūkums. Vērtību raksta daļdaļās: 0,1, 0,2, 0,3 plānas.

Vikoristanny muca:

Vairāku pārlūkprogrammu veiktspēja

Ne visas pārlūkprogrammas ir vienādas, un tās apzinās necaurredzamības spēku. Bērniem ir nepieciešams vikoristovuvati un es nosaukšu jaudu vai filtru.

Jaudas CSS3 necaurredzamība Mozilla pārlūkprogrammas 1.7+, Firefox 0.9+, Safari 1.2+, Opera 9+.

Tik labs :) pārlūka jaks Internet Explorer Pat līdz versijai 9.0 konkrētas pārlūkprogrammas necaurredzamības un caurspīdīguma jaudai nav nepieciešama filtra jauda un alfa vērtība (Necaurredzamība = X), kurai X ir skaitlis diapazonā no 0 līdz 100. pieejamo redzamību. 0 ir ķēdes caurspīdīgums, un 100 ir papildu necaurspīdīgums.

Scho justies Firefox pārlūks līdz versijai 3.5 mēs pielāgosim jaudu -moz-caurredzamība mainīs necaurredzamību.

Tādas pārlūkprogrammas kā Safari 1.1 un Konqueror 3.1, ko iedvesmojis KHTML dzinējs, var izmantot kā -khtml-necaurredzamību.

Kā jūs sniedzāt CSS ieskatu, kā tas izskatījās vienādi visās pārlūkprogrammās? Lai izveidotu pārrobežu pārlūkprogrammas risinājumu elementu caurspīdīgumam, ir nepieciešams noteikt ne tikai vienu necaurredzamības pakāpi, bet arī pilnvaru kopas sākumu:

filtrs: alfa (necaurredzamība = 50); / * IE caurredzamība * / -moz-caurredzamība: 0,5; / * Skatīt Mozilla 3.5 un jaunākas versijas * / -khtml-caurredzamība: 0,5; / * Skatīt Konqueror 3.1 un Safari 1.1 * / necaurredzamība: 0,5; / * Pidtrimka Reshti pārlūkprogrammas * /

Jauno elementu redzamība

Deyakie deyakі, pievienojiet vizionāru elementu meistarību, kā visbiežāk vietniecisko partizānu.

CSS ir attēlveidošanas skats.

Ir skaidri redzams neliels skaits attēla kātu opciju. Pirmās bildes aizskarošajam dibenam nav redzes, citam ir 50%, bet trešdaļai 30%.

Rezultāts:

Redzamība CSS, pirms stundu virzāt kursoru virs attēla.

Bieži vien ir nepieciešams ieskatīties attēlā, lai kāds elements būtu tajā brīdī, ja kursors atrodas virs tā. Ēka ir iespējama aiz CSS pseidoklases: hover. Visām mūsu bildēm ir jāreģistrē divas klases, viena īpaša - būs neaktīvs bildes rāmis un vēl viena klase no pseidoklases: virz kursoru, šeit ir jānorāda bildes uz doto brīdi redzējums kursors tiek virzīts virs tā.

Demonstrācijā varat brīnīties par rezultātu.

CSS fona caurspīdīgums.

Šeit ir jāatceras, lai ieskats tiktu paplašināts par visām elementa investīcijām, un smaka nevar būt lielāka par ieskatu par elementa zemākajām investīcijām.

Jaka dibena vadīts variants ar sānu fonu, bildi atvērsim aiz papildbildes un ar bloku ar fonu atvērsim aiz papildus krāsas un klīrensa 50%.

Muca, lai kodētu:

Ass ir cita koda rezultāts:

Vlads Merževičs

Častkovas izšķirtspēja ar pareizo її victoriannі ir vēl efektīvāk redzama vietnes dizainā. Prāta vētra, tas nav tikai vienkrāsains mazulis, bet gan attēls, kopumā ieskats ir vecs. Šādu efektu var sasniegt dažādos veidos un viss, ieskaitot vecmodīgās metodes, neliela PNG cena ir kā til, kartes attēla sakne un necaurredzamības spēks. Ja tikai blokā ir nepieciešama aizsardzība, šīm metodēm nav iespējams redzēt pretējo pusi. Zrobļu mazs skatiens Tas ir kļuvis inteliģents, par to, kā iet, un arī klusiem lasītājiem, kuri nezina par netradicionālām iespējām efektīvam audzēšanas veidam.

PNG jaks

Ir grafiskais redaktors tās priekšā prozorijam gatavojas viena toņa vienkrāsaini mazuļi, kas atrodami PNG-24 formātā (1. att.). Īpašais formāts ir 256, kas vienāds ar attēla izmēru vai, vienkārši, šķiet, viena un tā paša attēla rādīšanas skatā.

Mazs. 1. Fona attēls

Ļaujiet mazajiem iziet cauri fona spēkam, kā parādīts 1. pielikumā.

Muca 1. Vikoristannya napivprosorogo malinka

XHTML 1.0 CSS 2.1 IE Cr Op Sa Fx

Šīs mucas rezultāts ir parādīts attēlā. 3.

Mazs. 2. Iestrēdzis fonā mazulis

Internet Explorer 6 pārlūkprogramma ir novecojusi un nav viegli pieejama PNG-24, jebkura iemesla dēļ jums ir jāpielāgo pārlūkprogramma, jums vienkārši jāizmanto skripti.

Vadības metode ir zema. Tātad, kad attēli ir iekļauti pārlūkprogrammā, fons nav redzams. Līdz tam nav tik viegli mainīt putekļu krāsu un tālredzības nozīmi, attēla pārzīmēšanas zināšanu dēļ.

Biežāk nekā nav

Visa metode atgriežas pie vecmodīgiem izaugsmes īstenošanas veidiem, ja pārlūkprogramma "neko nezināja", un atnesa shukati netradicionālu risinājumu. Lauka fokuss atrodas attēla malā, kurā ir redzams pikseļa ieskats un necaurredzamība (3. att.). Šī iemesla dēļ šī ir regulāra locīšanas efekta struktūra, pamatojoties uz klīrensu.

Mazs. 3. Vairāk multenes par mazuļiem

Jaku ass ir ideāls vig-glade tse (4. att.).

Mazs. 4. Іmіtatsіya naіv prozorosti

Metodes nepilnības var labot no priekšpuses, kā arī var izmantot muarē rakstu un tekstu.

Jaudas necaurredzamība

CSS 3 necaurredzamības jaudai ir jāmainās no 0 līdz 1, bet ne līdz nullei, bet ne līdz navpak, līdz necaurredzamībai. Spēcīgumam piemīt necaurredzamība є īpatnība – ieskats, kas var izvērsties pāri visiem meitu elementiem, un smaka var mainīt tēva redzējuma nozīmi. Jūs nevarat iziet ārā, lasīt necaurspīdīgu tekstu uz caurspīdīga fona, jūs nevarat būt (2. dibens).

Muca 2. Viktorijas necaurredzamība

XHTML 1.0 CSS 2.1 CSS 3 IE Cr Op Sa Fx

Rezultāts mucai ir parādīts attēlā. 5.

Mazs. 5. Notīriet tekstu un fonu

Internet Explorer līdz versijai 8.0 ieskaitot, necaurredzamība nav praktiska, tāpēc jaunu iemeslu dēļ filtra jauda ir raksturīga pārlūkprogrammai. Ir lieliski padarīt CSS kodu nevērtīgu.

RGBA

Mūsdienīga ideja par vienkāršāku un vienkāršāku metodi un daudzstūri krāsai un fonam RGBA formātā. Ir zināms, ka pirmie trīs burti tiek atšifrēti un atšifrēti kā sarkani, zaļi, zili (sarkans, zaļš, zils), pēdējie simbolizē alfa kanālu un nosaka elementa caurspīdīgumu. Formāts ir šāds.

fona krāsa: rgba (r, g, b, a);

Lokos burts tiek aizstāts ar krāsu komponenta nozīmi, par ko var brīnīties jebkurā grafiskajā redaktorā, pārējā nozīme nodibinās redzējumu un kļūs par necaurredzamības spēka nozīmi.

Ne visas pārlūkprogrammas atbalsta šo formātu: Internet Explorer, 9. versija, Opera 10. versija, Firefox 3, Safari 3.2. Ale zagalom, mūsdienu pārlūkprogrammas pareizi parāda vīziju. Vecākām IE versijām ir iespēja mainīt krāsu uz ierasto jaunam formātam, un, acīmredzot, nekāda redzējuma nebūs. Jo es zinu, ka ātri iedarbojos ar filtru, un varēšu to paciest, tāpēc arī tekstā tiek iemānīts ieskats (3. saziņa). Pabeidzis CSS koda validāciju, es pārlūkoju gudros komentārus.

Muca 3. Vikoristannya RGBA

HTML5 CSS3 IE Cr Op Sa Fx

Rezultātu mucai var parādīt attēlā. 6.

Mazs. 6. No otras puses, teksts ir necaurredzams

Salīdziniet attēlu no priekšpuses, vēlākie ir kļuvuši spilgti un spilgti.

Ir Interneta pārlūkprogrammas Programmā Explorer 7 parādījās kļūda, kad fona krāsai tika piešķirtas dažādas vērtības. Piemēram, ja iestatāt tārpa fona krāsu, kā parādīts zemāk, IE7 fons neparādās.

Div (fona krāsa: sarkana; / * Neiespringst IE7 * / fona krāsa: rgba (255, 0, 0, 0,5);)

Vyrishuєtsya tse aizstāt spilgtumu fona krāsu uz fona.

Div (fons: sarkans; / * A tse pratsyuє * / fons: rgba (255, 0, 0, 0,5);) Tomēr šeit ir viena nianse. CSS validators "noliek" uz fona, lai iestatītu RGBA formāta vērtību. Alus vispār ir pareizi iestatīt uz fona krāsu. Zagalom kā priekšnoteikums ir atļauts izvēlēties starp pārlūkprogrammām un vērtībām.

Apraksts

Vizualizējiet elementa krāsu fonā. Ja mēs vēlamies, lai spēks nenoslīcinātu mūsu tēta spēku caur tiem, kas ir jēgpilni, mēs varam redzēt cauri, izkrāsot meitas elementu fonu, lai tas parādītos ar tēva elementa fona krāsu.

Sintakse

fona krāsa:<цвет>| caurspīdīgs | mantot

Vērtība

caurspīdīgs atveriet caurumu korpusā. pārmanto tēta nozīmi.

HTML5 CSS2.1 IE Cr Op Sa Fx

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.

Ir dots pieteikums tīmekļa vietnes elementiem trīs savādākā veidā fona krāsu veidošana. Rezultāts mucai ir parādīts attēlā. viens.

Mazs. 1. Zasosuvannya fona krāsa

Objektīvs modelis

document.getElementById ("elementID") .style.backgroundColor

Pārlūkprogramma

Internet Explorer līdz 7.0 (ieskaitot) nepieņems mantojumu.

Bieži vien to var atrast internetā dažādiem attēliem, piemēram, lai iegultu vietnē. Un, iespējams, jums ir jāizveido kolāža vienam mazulim, lai to pievienotu. Ass ir nepieciešama tikai attēlam.

Atbrīvosimies no tā, kā tas ir iespējams zrobiti skaidrāks tlo attēlam aiz redaktora palīdzībasAdobePhotoshop... Man ir angļu versija Adobe Photoshop CS5, es jums to parādīšu jaunā.

Es centīšos vadīt різні поєднання karstie taustiņi.

Kamēr vēl neesat instalējis Photoshop, varat to izmantot vietnē Paint.net. Vienkāršs krievu attēlu redaktors, kā naudas trofejas aizdevums cietajā diskā. Ja pārdomājat savu iespēju robežās, varat izlasīt ziņojumu. Programmu Paint.net varat pievienot no mūsu vietnes.

Ir pieejams vienkāršs dibena krājums. Domājams, ka jums ir є attēli vienā krāsā, iespējams, logotips vai nosaukums, ko sauc par chogos. Chi logotips programmā Photoshop ir uzrakstīts uz skaidra fona.

Attēls ir skaidri pieprasīts no redaktora. Tagad tas ir nesalaužams skatiens uz bumbu. Pie "Shari" loga ir divi sitieni ar lāci pa doto bumbu - gluži kā slēdzene. Skatieties logā "Jauna bumba", izdrukājiet jauno "OK". Nav ne miņas no slēdzenes.

Vibiraєmo instruments "Charivna Palichka". Iestāžu rindā iestatiet jutīguma līmeni, iestatiet vērtību, intelekta līmeni, piemēram, vin pratsyu, piemēram, 20 un 100. Lai uzzinātu mazuļa redzējumu, nospiediet Ctrl + D.

Ņemot vērā šī uzbrukuma jutīgumu ar burvīgu nūju fona zonā. Lai redzētajam fonam pievienotu tās daļas, kuras nebija redzamas, nospiediet taustiņu Shift un turpiniet vīziju. Lai redzētu, vai reģions ir redzams, noklikšķiniet uz "Dzēst".

Tagad, lai aizstātu Shakhova dēli ar fonu - tse nozīmē, ka mēs varam redzēt caur fona fonu. Zinot skatu - "Ctrl + D".

Ja vien jums ir attēls vai fotogrāfija, uz kuras ir bagātīgas krāsas un objekti, tas ir saprotams, jo Photoshop ir iespējams izveidot skaidru attēlu attēliem.

Tajā pašā laikā jūs varat ātri izmantot rīku "Shvidke Vidіlennya". Klatsaєmo by burvīgs palichtsi ar mazu pogu ar mazu pogu, kas tiek vibrēta no patērētāja rīka izvēlnes.

Tagad jums ir jāredz objekts, kuru vēlaties aizēnot skaidrībā. Izveidojiet iestāžu rindas rіznі rozmіri kas noklikšķina uz objekta, pievienojot jaunajam apgabalam. Ir tikpat labi to redzēt, nospiest Alt un sakārtot.

Pārbaudiet rezultātu, izdrukājiet "Q". Roževims redzēs attēla daļas, jo mēs kļūsim skaidrāki.

Kopējiet apgabala skatu, nospiežot Ctrl + C. Uz priekšu jauns fails, Ctrl + N, apskatīsim fonu.

Ielīmējiet to jaunos kopētajos fragmentos, "Ctrl + V". Tiklīdz tās ir pazaudējušas nevajadzīgās fona daļas, sakārtojiet tās ar rīka "Dzēšgumija" palīdzību. Zberigaєmo saplīsa skaidros attēlos PNG un GIF formātā.

Mēs redzēsim nedaudz cauri, vai mēs redzēsim cauri aizmugurei dažus krāsu attēla fragmentus un fotoattēlus programmā Photoshop. Rakstīšana tur var būt uzvaroša, taču tas ir nepieciešams: ievietojiet to vietnē, pievienojiet to mazajam vai pievienojiet tsikavi kolāžām.

Fona caurspīdīgums CSS

Vietnes fona caurspīdīgums tiek parādīts, izmantojot savu CSS. Ir divi veidi, kā sasniegt redzi: izmantojot necaurredzamības un fona spēku: rgba (). Apskatīsim ādu no tiem, un tad mēs to darīsim.

1. Power CSS necaurredzamība fona klīrensam

CSS ir necaurredzamības spēks;

Tālredzība tiek iestatīta, vienkārši norādot runas numuru no 0,0 līdz 1,0. Ja skaitlis ir mazāks, mazāk būs ob'єkt.

necaurredzamība: 0,5; // Necaurredzamība: 0,2; // Ob'єkt ir redzama pavada pie 20% necaurredzamības: 0,8; // Ob'єkt ir redzams par 80% mazāk

Apskatīsim dibenu necaurredzamības spēka dēļ.

Teksts ir arī ieskats