{"id":3810,"date":"2021-07-28T10:09:33","date_gmt":"2021-07-28T10:09:33","guid":{"rendered":"https:\/\/www.bearloga.space\/?page_id=3810"},"modified":"2021-07-28T10:09:34","modified_gmt":"2021-07-28T10:09:34","slug":"css-sloi","status":"publish","type":"page","link":"https:\/\/www.bearloga.space\/en\/css-sloi\/","title":{"rendered":"CSS \u2014 \u0421\u043b\u043e\u0438"},"content":{"rendered":"\n<pre class=\"wp-block-code\"><code>\r\nCSS \u0434\u0430\u0435\u0442 \u0432\u0430\u043c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0441\u043b\u043e\u0438 \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0445 \u043f\u043e\u0434\u0440\u0430\u0437\u0434\u0435\u043b\u0435\u043d\u0438\u0439. \u0421\u043b\u043e\u0438 CSS \u043e\u0442\u043d\u043e\u0441\u044f\u0442\u0441\u044f \u043a \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u044e \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 z-index \u043a \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u043c, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u0435\u0440\u0435\u043a\u0440\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u0434\u0440\u0443\u0433 \u0441 \u0434\u0440\u0443\u0433\u043e\u043c.\r\n\r\n\u0421\u0432\u043e\u0439\u0441\u0442\u0432\u043e z-index \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0432\u043c\u0435\u0441\u0442\u0435 \u0441\u043e \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e\u043c position \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u044d\u0444\u0444\u0435\u043a\u0442\u0430 \u0441\u043b\u043e\u0435\u0432. \u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0443\u043a\u0430\u0437\u0430\u0442\u044c, \u043a\u0430\u043a\u043e\u0439 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0434\u043e\u043b\u0436\u0435\u043d \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u044c\u0441\u044f \u0441\u0432\u0435\u0440\u0445\u0443, \u0430 \u043a\u0430\u043a\u043e\u0439 \u2014 \u0441\u043d\u0438\u0437\u0443.\r\n\r\n\u0421\u0432\u043e\u0439\u0441\u0442\u0432\u043e z-index \u043c\u043e\u0436\u0435\u0442 \u043f\u043e\u043c\u043e\u0447\u044c \u0432\u0430\u043c \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0431\u043e\u043b\u0435\u0435 \u0441\u043b\u043e\u0436\u043d\u044b\u0435 \u043c\u0430\u043a\u0435\u0442\u044b \u0432\u0435\u0431-\u0441\u0442\u0440\u0430\u043d\u0438\u0446. \u041d\u0438\u0436\u0435 \u043f\u0440\u0438\u0432\u0435\u0434\u0435\u043d \u043f\u0440\u0438\u043c\u0435\u0440, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442, \u043a\u0430\u043a \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0441\u043b\u043e\u0438 \u0432 CSS.\r\n\r\n\r\n Live Demo\r\n\r\n&lt;html>\r\n   &lt;head>\r\n   &lt;\/head>\r\n\r\n   &lt;body>\r\n      &lt;div style = \"background-color:red; \r\n         width:300px; \r\n         height:100px; \r\n         position:relative; \r\n         top:10px; \r\n         left:80px; \r\n         z-index:2\">\r\n      &lt;\/div>\r\n      \r\n      &lt;div style = \"background-color:yellow; \r\n         width:300px; \r\n         height:100px; \r\n         position:relative; \r\n         top:-60px; \r\n         left:35px; \r\n         z-index:1;\">\r\n      &lt;\/div>\r\n      \r\n      &lt;div style = \"background-color:green; \r\n         width:300px; \r\n         height:100px; \r\n         position:relative; \r\n         top:-220px; \r\n         left:120px; \r\n         z-index:3;\">\r\n      &lt;\/div>\r\n   &lt;\/body>\r\n&lt;\/html> <\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[120],"tags":[],"class_list":["post-3810","page","type-page","status-publish","hentry","category-css"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.bearloga.space\/en\/wp-json\/wp\/v2\/pages\/3810","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bearloga.space\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bearloga.space\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bearloga.space\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bearloga.space\/en\/wp-json\/wp\/v2\/comments?post=3810"}],"version-history":[{"count":0,"href":"https:\/\/www.bearloga.space\/en\/wp-json\/wp\/v2\/pages\/3810\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.bearloga.space\/en\/wp-json\/wp\/v2\/media?parent=3810"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bearloga.space\/en\/wp-json\/wp\/v2\/categories?post=3810"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bearloga.space\/en\/wp-json\/wp\/v2\/tags?post=3810"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}