Днес, създаването на сайт дизайн се превръща в истинско изкуство.Това не е просто набор от страници с определен цвят и размер, шрифтове, различни стилове и тематични снимки.С цел да се направи сайт, различен от другите, за да привлече вниманието на посетителите и да го изпратите на тези или други елементи с помощта на огромен брой методи и инструменти.Сред тях има много популярен имот CSS - прозрачност.Тази техника е доста модерен и бляскав, и затова се използва често.Можете да дадете на прозрачността на различните страници обекти - текст, изображение или цялата единица, например.Това може да бъде постигнато по различни начини.Нека ги разгледаме по-долу.
параметри за настройка на прозрачността на елементите
параметри, позволяващи да настроите прозрачността на елементи от няколко.Те се използват в зависимост от специфичните цели, и браузъра, която е в рамките на "коригира" дизайн.Те включват следните свойства:
- непрозрачността;
- филтър;
- PNG изображение като фон.
стойността на имотите CSS "прозрачност" са се променили, както следва: колкото по-висока е цифрата, толкова по-ниско е нивото на прозрачност на елемента.Непрозрачността тя варира от 0 до 1, в филтър - от 10 до 100. И последният се използва за браузъра Interet Explorer, и за всички други приложими имот е непрозрачност.
Transparency изображение (промяна)
започнем с опции, когато прозрачността ще се прояви, когато се движите курсора на мишката до елемента.
помисли как да настроите прозрачността на изображението.CSS предлага две възможности.За да направите това, трябва да го регистрирате в кода на HTML-документ, както следва:
- Укажете пътя към изображението.
- определя параметрите на прозрачност, когато курсорът не е така.За това ние използваме свойствата OnMouseOver и onmouseout, който предвижда стойност и непрозрачност филтър.
Тези характеристики могат да бъдат предписани в CSS-документ и изходния код, за да добавите линк към него.Резултатите се оказват едни и същи.
прозрачна текстови блокове и страница
Що се отнася до текста или блок (прозрачен Разделения), CSS предлага опцията си, подобно на създаването на прозрачен образ, който се използва свързан CSS-файл, който ще бъде даден на необходимите параметри.Можете да отидете и по-прост начин.Когато зададете стил блок стила на Разделение или текст р предписват следните HTML-код елементи за поставяне на показалеца и onmouseout.И двата варианта работят и дават желания резултат.
Transparency постоянна
В някои случаи, прозрачността на обекта, елемент от дизайна или текста, който искате да зададете на текуща база.В тази ситуация, разтворът е още по-лесно, отколкото с мишката.
CSS елемент за прозрачност ще се дава следния код.В блок стил Разделения предпише стойности за фон (например # ff8800), непрозрачност (например, 0,5) и ширината (ширина) и подложка (подложка).
за снимки в кода се прави ценности и непрозрачност филтър, и укажете пътя до изображението.
RGBA-метод
Има и други варианти за използване на този имот CSS: прозрачност може да се прилага за цвета на фона на един елемент от дизайна.Той използва метода на RGBA.Първите три букви представляват основните цветове (червено, делене, син), а последният - алфа, която определя нивото на прозрачност.Използването RGBA-формат предписва прозрачност, тя посочи към последната цифра.Например, като: Фон: RGBA (240,2,33,0.4035).
Заключение
Така, като се използва в хода на работата по дизайна на сайта е проста, но ефектна имот CSS "прозрачност", можете да го направите по-интересна и по-забележими елементи на минимални усилия.Описаната прозрачността работоспособност изпълнения работа ще ви помогне с това.
