Жылжымайтын мүлік CSS «ашықтығы» - сайт қызықтырақ дизайнын жасау үшін қарапайым тәсілі

Бүгін, веб-дизайн құру өнер нысаны болып. Бұл белгілі бір түсті және бет элементтерін ғана жиынтығы емес, өлшемі, қаріптер түрлі стильдер мен тақырыптық картиналар. , Басқа сайтымыздың әртүрлі жасауға келушілердің назарын аудару және белгілі бір элементтеріне бағыттаңыз мақсатында, әдістері мен құралдарының үлкен саны пайдаланылады. ашықтық - Олардың арасында өте танымал меншік CSS бар. Бұл техника өте сәнді және сәнді болып табылады, сондықтан жиі пайдаланылады. Мысалы, мәтін блогында немесе тұтас сурет - Транспаренттік сайттың түрлі нысандар беттерін бере алады. Ол сондай-ақ әр түрлі жолдармен қол жеткізді. АҚШ төменде оларды қарастырып көрейік.

Параметрлер ашықтық элементтерін көрсетіңіз

бірнеше элементтерін ашықтығын реттеуге Параметрлер. Олар нақты мақсаттарын, сондай-ақ «түзетілген» жобалау астында браузер, қарай пайдаланылады. Бұл келесі сипаттарды қамтиды:

• бұлыңғырлығы;
• сүзгі;
• өң ретінде PNG-сурет.

жоғары санын, элементтің ашықтық төменгі деңгейін мынадай: жылжымайтын мүлік құны CSS «ашықтығы» өзгереді. 10-нан 100-ге дейін Және соңғысы интерет Explorer браузерінде, және барлық басқа қолданылатын Келеміз жылжымайтын мүлік үшін пайдаланылады - Келеміз, ол сүзгіге, 0-ден 1-ге дейін өзгереді.

Ашықтық Image (өзгерту)

Егер сіз элементті жылжыту кезінде мөлдір пайда болады опциялары бастайық тышқан апару арқылы.

АҚШ-тың бейнесі ашықтығын көрсетуге болатынын қарастырайық. CSS екі нұсқаларын ұсынады. төмендегідей Мұны істеу үшін, кодты HTML-құжатта тікелей оны тіркеуге тиіс:

1. кескінге жолын көрсетіңіз.
2. Курсор емес кезде біз ашықтық параметрлерін анықтау. Бұл әрекетті орындау үшін, біз onmouseover және onmouseout, ашықтығы мәнін белгілейді, және сүзгі қасиеттерін пайдаланады.

сол сипаттамалары оған сілтеме қосу үшін CSS-құжат және бастапқы коды белгіленген болады. нәтижелері бірдей шығады.

Мәтін мен бет блоктарын ашықтығы

мәтін немесе блок (мөлдір DIV) келетін болсақ, CSS ашық суретті жасау үшін ұқсас оның параметрін ұсынады, сіз қалаған параметрлері орнатылған, онда қосылған CSS-файлды пайдалану керек. Сіз баруға және қарапайым тәсілі болады. Сіз стиль блок DIV стилі немесе мәтін б орнатқанда үшін onmouseover және элементтердің onmouseout мынадай HTML-кодын белгілеу. Екі нұсқалары жұмыс істеуге және қажетті нәтиже.

ашықтығы тұрақты

Кейбір жағдайларда, объектінің ашықтық, жобалау элементі немесе мәтін сіз тұрақты негізде орнату келеді. Бұл жағдайда, шешім сіз тінтуірдің жүгіргісін апарғанда тіпті оңай.

ашықтық үшін CSS элементі берілген код арқылы берілетін болады. блок DIV стильде фон үшін маңызы (мысалы, # ff8800), Келеміз (мысалы, 0,5) және ені (ені) және шегініс (шегініс) тағайындайды.

Кескін коды мәндер үшін қабылдау және Келеміз сүзгі, және имиджін жолын көрсетіңіз отыр.

RGBA-әдіс

Бұл сипат CSS пайдалану үшін басқа нұсқалары бар: ашықтығы кез келген дизайн элементі базалық түсті қолданылуы мүмкін. Ол RGBA әдісін пайдаланады. ашықтық деңгейін белгілейді альфа, - алғашқы үш әріптер негізгі түстердің (қызыл, бөлу, көк), және соңғы жақтаймыз. RGBA-пішімді пайдалану соңғы санға оны көрсете, ашықтығын көздейді. Мысалы, ақ: фондық: RGBA (240,2,33,0.4035).

қорытынды

Осылайша, сайт дизайны қарапайым, бірақ тиімді ерекшелігі CSS «ашықтық» бойынша жұмыс барысында пайдалана отырып, сіз аз күш, ол көп қызықты және одан айтарлықтай элементтерін жасауға болады. сипатталған орындау нұсқалары таңдамалы ашықтық ерекшеліктері осы сізге көмектеседі болып табылады.