Într-una din lecțiile anterioare, jQuery a demonstrat soluția la sarcina de a afișa incorect umbrele și limitele de rază pentru un element de imagine în unele browsere. Imaginea este folosită ca fundal pentru un container extern, la care puteți aplica orice stiluri. Această lecție demonstrează stilurile de imagini pe care le puteți obține folosind un truc cu fundal.
Pe pagina demo, prima serie de imagini nu utilizează un truc cu fundal. Dacă îl deschideți în diferite browsere, veți observa că în unele dintre ele marginile și umbrele radiale () sunt afișate incorect.
Imaginea este redată ca fundal pentru un container extern, la care se aplică toate stilurile necesare.
O soluție dinamică
Puteți utiliza jQuery pentru a converti dinamic fiecare element de imagine. Mai jos este un cod care împachetează fiecare element al imaginii cu o etichetă de span și folosește imaginea ca fundal pentru ea.
Ca rezultat al scriptului, se va genera următorul cod HTML:
Mai jos sunt câteva stiluri pe care le puteți utiliza în proiectele dvs. pentru a crea o interfață sau galerii.
Prin obținerea de informații imediat prin două canale (vedere și auz), eficiența predării este mult mai mare decât învățarea din cărți. Și temele și testele online vă vor permite să gândiți în mod constant în limba pe care o învățați și să vă verificați imediat cunoștințele!
Dacă doriți să învățați HTML mult timp, atunci am o veste bună pentru dvs.!
Dacă ați învățat deja HTML și doriți să treceți mai departe, următorul pas este să învățați tehnologia CSS.
Dacă doriți să înțeleagă conceptele de domeniu si hosting, învață cum să creeze o bază de date, încărca fișiere pe un site web prin intermediul unui server FTP, crea subdomenii, configurați cutiile poștale pentru site-ul și să monitorizeze participarea, acest curs este conceput special pentru tine!
Articole similare
-
Cum sa faci efectul de machiaj anti-imbatranire al buzelor ochilor pentru stilul video fata
-
Cum să vă schimbați stilul - 10 pași pentru a schimba imaginea
Trimiteți-le prietenilor: