За да направите бутона изглежда "по-горе", с помощта на CSS, използвайте Z-индекс на имота - скриване на бутона за фиксираната региона. размер малко по-голям, отколкото на бутона, на фона на която ще бъде същата като на фона на сайта.
Контейнер-бутон «бутон»
Създайте контейнер с един бутон:
Писане стилове за него:
езика: блок; Ние определяме какво да се показва тази връзка трябва да се като блок. фон: URL ( "път + к + снимка) център никой не се повтаря; правене на бутон фон блок, което показва на браузъра, че тя трябва да бъде поставен в центъра и да не се повтарят. височина: 32px; ширина: 32px; височина и ширина на блока, съответно (да вземе въз основа на размера на изображението бутон). позиции: фиксиран; надолу: 10px; дясно: 10px; Ние се определи устройството и го поставете на разстояние от долния ръб 10px 10px браузър и отдясно. Z-индекс: 1; Ние събрахме блока на първо ниво.
капак на контейнер «капачка»
капак на контейнер ще се затвори на бутона, ако страницата се поставя в прозореца на браузъра и не превъртане.
HTML:
CSS:
фон-цвят: цвят + фон + уебсайт; Зададохме на заден план в същия блок като фон на сайта. височина: 32px; ширина: 32px; височина и ширина на блока, съответно (те също вземат въз основа на размера на изображението бутон или малко по-голям). позиции: абсолютен; надолу: 10px; дясно: 10px; Ние не блокира като предишния фиксирани и абсолютно позиционирани и го поставете върху 10px разстояние от долния ръб на браузъра и 10px отдясно. Z-индекс: 2; поставите блока на второ ниво, т.е. над блока на бутона.
