A gyermekek számára készült lázcsillapító szereket gyermekorvos írja fel. De vannak olyan helyzetek, amelyek nélkülözhetetlen segítséget nyújtanak láz esetén, ha a gyermeknek hanyagul kell arcot adnia. Ezután az apák magukra vállalják az újraélesztést és abbahagyják a lázcsillapító készítményeket. Mit lehet adni a csecsemőknek? Hogyan lehet csökkenteni a hőmérsékletet idősebb gyermekeknél? Melyek a legbiztonságosabb arcok?
A CSS-ben háromféleképpen módosíthatja egy elem átlátszóságát:
a hatalom átlátszatlansága érdekében,
az rgba() súgó függvényhez,
a hsla() súgófüggvényhez.
1. Teljesítmény átlátszatlansága
Az átlátszatlanság ereje lehetővé teszi annak bővítését, hogy a webhely bármely eleme gyakran vagy majdnem teljesen látható legyen. A Tsya power megváltoztatja az elemek átlátszóságát, amelyekhez háttérkép (kép) van telepítve, vagy háttér egy további szín vagy színátmenet mögött. Ha egy elem, amelyre az átlátszatlanság ereje van beállítva, bosszút áll más elemeken, akkor a bűz is megváltoztatja az átlátszóságát.
Az átlátszatlanság ereje 0 (túl tiszta) és 1 (átlátszatlan) tartományban nő, például:
H1 (szín: #CD6829;) div (háttér: #CDD6DB; átlátszatlanság: .3; ) Mal. 1. Az elemek átlátszósága az átlátszatlanság segítségével
2. Az rgba() függvény
Az RGBA színmodell színsémát hoz létre a szükséges arányok változtatásával piros (piros), zöldі kék jegyek, és alfa csatorna (alfa) adj a szín átlátszóságáért. Az rgba() függvény csak a blokk átlátszóságát változtatja meg a blokk átlátszatlanságának megváltoztatásához, más elemek megtorlásához.
![](https://i1.wp.com/html5book.ru/wp-content/uploads/2015/03/R4mXe.gif)
![](https://i1.wp.com/html5book.ru/wp-content/uploads/2015/03/rgba.png)
3. A hsla() függvény
hsla() függvény, a paraméterek mit jelentenek tónus (színárnyalat), telítettség (telítettség), fényerő (Lightness)і alfa csatorna (alfa), lehetővé teszi a napіvprozoriya kolіr beállítását is.
A színek színei százban vannak beállítva, a vikorista a szín pontos jelentése. Magát a színt bontsa szektorokra, amelyek határán a fő színek találhatók:
0/360° - piros szín
60 ° - sárga színű
120 ° - zöld színű
180 ° - fekete színű
240 ° - kék színű
270 ° - lila színű
300 ° - lila színű.
A fekete szín elvételéhez a hivalkodó karakterekhez hozzá kell rendelni a nulla érték tónusát, intenzitását és fényerejét - hsla (0, 0%, 0%, 1). A fehér szín 100%-os hsla értéknél (0,0%, 100%, 1), a szürke szín pedig nulla hsla értéknél (0,0%, 50%, 1) jelenik meg.
CHIIIIIIKS!
Elgondolkodtam, miért nem írsz nekem a 3. CSS egyértelműségéről? Szóval, egyből repülj pár replikát a motoromról, mi a helyzet a már ismert us erejével! Ha, nem! Beszéd, nem minden.
Jelenleg több fennmaradó verziók A jelenlegi böngészők már támogatják a CSS 3-at ( !!!Ugrás az IE 9-re!!!). Emellett már megpróbálhatod segíteni magad a feled kódjának erejében.
És akkor térjünk a keserűségre. átlátszatlanság", mintha cicavi hatást adna, grafika beszúrása nélkül, csak 1 sor kódot ír.
Mi az „átlátszatlanság” a CSS 3-ban?
"átlátszatlanság a webhely bármely elemének átláthatóságát jelzi. Azaz, ha beállítottuk az átlátszóság énekét, felemelhetjük a háttér kicsiket, vagy más elemet, ami az elem alá keveredik, amihez a transzparencia adott. Praktikus, nem?
A fejemben az elemek szórása jár, amelyek a tekintély erejét fejezték ki. Élő feneket üthetsz, ha lemész az oldalsáv aljára, ott szétosztod" Barátok". Sötét a kicsi, ugye? És most vigye az egérmutatót az új fölé. Miután világossá vált, miért ne?)
Most lássuk részletesebben, hogyan valósítottam meg.
Átlátszóságot kell telepítenünk a zár mögötti elemhez. Tobto, a látható troch eleme sötét. Az átlátszatlanságot 70%-ra állítottam. De ha minden böngésző másképp értelmezi a kódot, akkor egy univerzális kódot kell írnunk.
Mert Firefox,Opera,Króm mi írunk:
Opacitás: X;
de" x" - érték a tartományban 0.0 1.0 (Az elem átlátszatlansága).
Mert internet böngésző (8-as és 9-es verzió támogatása):
Szűrő: alfa(átlátszatlanság=X);
de" x" - érték a tartományban 0 (az elem teljes átlátszósága) ig 100 (Az elem átlátszatlansága).
Saját kép ( átlátszatlanság:0,7; szűrő:alpha(átlátszatlanság=70); )
És most beállítjuk az elem szabályait, ha az egérkurzort fölé viszi. Szükséges, hogy egyértelművé tegyük azt az elemet, amelyre 100%-os átlátszatlanságot állítottam be, hogy az elem valóban hibásnak tűnjön:
Myimage:hover ( átlátszatlanság: 1,0; filter:alpha(opacity=100); )
A lándzsa tompa tengelye:
Fénykép átlátszóság100 (1.0), akkor nincs átlátszóság
Fénykép átlátszóság70 (0.7). Rіznokolorovі kola - tse "áttöri" a képet, scho raztashovana és natomіst, tobto. a fénykép alatt
A CSS ereje Az átlátszatlanságot az elemek (képek, szövegek, blokkok) átlátszóságára adjuk meg html-ben.
CSS szintaxis
opacitás:érték;
A De érték beszédértékeket vehet fel a 0,0 és 1,0 közötti tartományban. Az 1,0 érték azt jelenti, hogy az átlátszóság napi (reteszeléshez).
Alkalmazás: mint az átlátszóság a html-ben
1. számú példa. html képnézet
Az első kép átlátszóság nélkül volt látható, a barát 0,5-ös átlátszósággal
Пример №2. Эффекты с прозрачностью в html
По умолчанию блок частично прозрачный. При наведении курсора мыши блок становится ярким. Такие эффекты зачастую используются в дизайне сайтов.
На странице преобразуется в следующее
Пример №3. Прозрачный блок на изображении в html
Ниже приведен пример полупрозрачного блока, который частично закрыл изображение. Блок специально накрывает изображение не полностью с целью показать, как он выглядит на пустом фоне.
На странице преобразуется в следующее
Примечание
Internet Explorer до версии 9.0 для изменения прозрачности использует фильтры, для этого браузера следует записать filter: alpha(opacity=50), где параметр opacity может принимать значение от 0 до 100.
Для обращения к opacity из JavaScript нужно писать следующую конструкцию:
object.style.opacity ="VALUE "
Описание
Определяет уровень прозрачности элемента веб-страницы. При частичной или полной прозрачности через элемент проступает фоновый рисунок или другие элементы, расположенные ниже полупрозрачного объекта.
Синтаксис
opacity: значение
Значения
В качестве значения выступает число из диапазона . Значение 0 соответствует полной прозрачности элемента, а 1, наоборот — его непрозрачности. Дробные числа вида 0.6 устанавливают полупрозрачность. Допускается писать числа без нуля впереди, вида opacity: .6 .
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
Eredmény ezt a fenekétábrán látható. egy.
Mal. 1. Az átlátszatlanság eredménye
böngészők
A 3.5-ös verzió előtti Firefox támogatja a nem szabványos -moz-opacity teljesítményt.
A 9.0-s verzió előtti Internet Explorer a kanócszűrő szélességének módosításához, amelyhez a böngészőnek szűrőt kell írnia: alpha(opacity=50) , ahol az átlátszatlanság paraméter értéke 0 és 100 között lehet.
Néha hibáztatja a növekedés szükségességét háttér oldalán lévő énektömbhöz. Ezt a hatást úgy érhetjük el, hogy a formátumban átlátszó hátteret készítünk *.pngés miután az erőn keresztül bevezette a jógát háttér: url(“./images/font.png”);.
A hatalom győzelme OPACITÁS
Nav_scho így összecsukható, így lehet segítség a CSS-ben. Hozzuk létre a fő blokk oldalán ( oldalon) blokkolom a mellékleteket ( Blokk), akiktől átláthatóságot kérünk. Jön a böngészők közötti elérés: az Internet Explorer teljesítménye - szűrő:alpha(átlátszatlanság=50) (átlátszóság értéke 0 és 100 közötti tartományban), a CSS3 szabványt támogató böngészők számára - átlátszatlanság: 0,5 (számazonosító 0,0 és 1,0 között).
HTML kód:
Törölje a blokk hátterét.
Eredmény:
Prozory háttér a blokkhoz
Emlékeztek Yak Vi-re, az átláthatóság minden gyermekelemre kiterjed
Prozory háttér a blokkhoz
ban ben DIV osztállyal BlokkÉs a bűz nem tudja túlbecsülni apjuk belátásának értelmét. Tobto minden, amit ebben a blokkban tudunk, világos. Milyen munka, hogyan kell csak a dívától megfosztani a földi látást?Győztes erő HÁTTÉR-SZÍN
Néhány változtatást kell végrehajtanunk a CSS-stíluslapon, és módosítanunk kell a blokkhoz DIV osztállyal Blokk hatóság átlátszatlanság hatalomra háttérszín.
Div.block ( szélesség: 260 képpont; magasság: 140 képpont; margó felső: 79 képpont; bal margó: 94 képpont; szegély: 1 képpont tömör #333333; /* csak átlátszó háttér DIV.block */ háttérszín: rgba(255, 255 , 255, 0,5);/* Hamu színe, átlátszóság 0,5*/ )
Eredmény:
Prozory háttér a blokkhoz
Szempontból a fenék győzedelmeskedik a szín és a háttér tekintetében RGBA formátum . Az első három betű megfejtése így történik piros, zöld, kék (piros, lomb, kék), a többi önmagát szimbolizálja alfa csatorna (a) Beállítom átláthatóság b elem vіd 0.0 előtt 1.0 .
Háttérszín: rgba(r, g, b, a);
A templomoknál a betűk helyett a színösszetevő értéke kerül, rácsodálkozhatsz a be-jakra grafikus szerkesztő, például Paint.net(Képernyőkép). Fennmaradó érték aátláthatóság és zbіgaєtsya létrehozása a hatalom jelentéseivel átlátszatlanság.
http://cp77.comxa.com/verstka/css-transparent-fon