2016-07-26 6 views
0

Chrome Devツール:他の小さな要素に要素選択ツールを使用すると、他の要素をカバーします。Chrome Dev Tools:要素選択ツールを使用しているときにbody要素をカバーする

.h1 div "Ready house projects"のテキストを要素として検査しようとしているとき - 私は カーソル(スニペットの要素の右側部分のみ)のボディ要素しか期待できません。他の要素を隠すことによってボディエレメントをこのように動作させるものは何ですか?

@import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css'); 
 

 
body { 
 
    margin: 10px; 
 
} 
 
/*FONTS */ 
 
@font-face { 
 
\t font-family: 'Beresta'; 
 
\t src: url('../fonts/Beresta-Normal.eot'); 
 
\t src: url('../fonts/Beresta-Normal.eot?#iefix') format('embedded-opentype'), url('../fonts/Beresta-Normal.woff') format('woff'), url('../fonts/Beresta-Normal.ttf') format('truetype'), url('../fonts/Beresta-Normal.svg#Beresta-Normal') format('svg'); 
 
\t font-weight: normal; 
 
\t font-style: normal; 
 
\t font-stretch: normal; 
 
} 
 
@font-face { 
 
\t font-family: 'Medieval'; 
 
\t src: url('../fonts/Medieval-Normal.eot'); 
 
\t src: url('../fonts/Medieval-Normal.eot?#iefix') format('embedded-opentype'), url('../fonts/Medieval-Normal.woff') format('woff'), url('../fonts/Medieval-Normal.ttf') format('truetype'), url('../fonts/Medieval-Normal.svg#Medieval-Normal') format('svg'); 
 
\t font-weight: normal; 
 
\t font-style: normal; 
 
\t font-stretch: normal; 
 
} 
 
@font-face { 
 
\t font-family: 'Kelsonsans'; 
 
\t src: url('../fonts/Kelsonsans-Bold.eot'); 
 
\t src: url('../fonts/Kelsonsans-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Kelsonsans-Bold.woff') format('woff'), url('../fonts/Kelsonsans-Bold.ttf') format('truetype'), url('../fonts/Kelsonsans-Bold.svg#Kelsonsans-Bold') format('svg'); 
 
\t font-weight: bold; 
 
\t font-style: normal; 
 
\t font-stretch: normal; 
 
} 
 
@font-face { 
 
\t font-family: 'Opensans'; 
 
\t src: url('../fonts/Opensans-Regular.eot'); 
 
\t src: url('../fonts/Opensans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Opensans-Regular.woff') format('woff'), url('../fonts/Opensans-Regular.ttf') format('truetype'), url('../fonts/Opensans-Regular.svg#Opensans-Regular') format('svg'); 
 
\t font-weight: normal; 
 
\t font-style: normal; 
 
\t font-stretch: normal; 
 
} 
 
@font-face { 
 
\t font-family: 'Kelsonsans'; 
 
\t src: url('../fonts/Kelsonsans-Regular.eot'); 
 
\t src: url('../fonts/Kelsonsans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Kelsonsans-Regular.woff') format('woff'), url('../fonts/Kelsonsans-Regular.ttf') format('truetype'), url('../fonts/Kelsonsans-Regular.svg#Kelsonsans-Regular') format('svg'); 
 
\t font-weight: normal; 
 
\t font-style: normal; 
 
\t font-stretch: normal; 
 
} 
 
@font-face { 
 
\t font-family: 'Als-Rubl'; 
 
\t src: url('../fonts/Als-Rubl.eot'); 
 
\t src: url('../fonts/Als-Rubl.eot?#iefix') format('embedded-opentype'), url('../fonts/Als-Rubl.woff') format('woff'), url('../fonts/Als-Rubl.ttf') format('truetype'), url('../fonts/Als-Rubl.svg#Als-Rubl') format('svg'); 
 
\t font-weight: normal; 
 
\t font-style: normal; 
 
\t font-stretch: normal; 
 
} 
 
@font-face { 
 
\t font-family: 'Verdana-Bold'; 
 
\t src: url('../fonts/Verdana-Bold.eot'); 
 
\t src: url('../fonts/Verdana-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Verdana-Bold.woff') format('woff'), url('../fonts/Verdana-Bold.ttf') format('truetype'), url('../fonts/Verdana-Bold.svg#Verdana-Bold') format('svg'); 
 
\t font-weight: bold; 
 
\t font-style: normal; 
 
\t font-stretch: normal; 
 
} 
 

 
/*END FONTS */ 
 
.fluid-container { 
 
\t min-width: 1000px; 
 
} 
 
.call_btn{ 
 
\t vertical-align: top; 
 
\t background-color: #f19f00; 
 
\t float: right; 
 
\t width: 188px; 
 
\t height: 39px; 
 
\t margin-left: 18px; 
 
\t margin-top: 6px; 
 
} 
 
.call_btn:hover{ 
 
\t text-decoration: none; 
 
} 
 
div.call_btn_sign{ 
 
\t color: white; 
 
\t font-family: Verdana; 
 
\t font-size: 16px; 
 
\t font-weight: 400; 
 
\t border-bottom: 2px dotted white; 
 
\t width: 137px; 
 
\t display: block; 
 
\t margin-left: 25px; 
 
\t margin-top: 5px; 
 
} 
 
.container { 
 
\t min-width: 1000px; 
 
\t max-width: 1200px; 
 
} 
 
.none{ 
 
\t display: none; 
 
} 
 

 
/* STRIKETHROUGH */ 
 
\t .strikethrough { 
 
\t position: relative; 
 
\t } 
 
\t .strikethrough:before { 
 
\t position: absolute; 
 
\t content: ""; 
 
\t left: -4%; 
 
\t top: 40%; 
 
\t right: -4%; 
 
\t border-top: 1px solid; 
 
\t border-color: inherit; 
 
\t color: black; 
 

 
\t -webkit-transform:rotate(-11deg); 
 
\t -moz-transform:rotate(-11deg); 
 
\t -ms-transform:rotate(-11deg); 
 
\t -o-transform:rotate(-11deg); 
 
\t transform:rotate(-11deg); 
 
} 
 
/* END STRIKETHROUGH */ 
 

 
/* RUBL */ 
 
\t span.rubl { 
 
    font-family: 'Als-Rubl'!important; 
 
    text-transform: none; 
 
    font-weight: 100; 
 
} 
 
/* END RUBL */ 
 

 
/* HEADER */ 
 
.logo { 
 
\t background: url(../images/logo.png) center center no-repeat; 
 
\t width: 85px; 
 
\t height: 75px; 
 
\t display: inline-block; 
 
} 
 
.contacts { 
 
\t display: inline-block; 
 
} 
 
.sprite_phone:before { 
 
\t background: url(../images/phone_sprite.png) center center no-repeat; 
 
\t content: " "; 
 
\t height: 20px; 
 
\t width: 20px; 
 
\t display: inline-block; 
 
\t margin: -10px 0 0 -25px; 
 
} 
 
.upper-head { 
 
\t display: block; 
 
\t height: 115px; 
 
\t background-color: white; 
 
} 
 
div.sprite_phone a { 
 
\t color: #192d37; 
 
\t font-family: "Kelsonsans"; 
 
\t font-size: 24px; 
 
\t font-weight: 700; 
 
\t padding-left: 5px; 
 
} 
 
div.email{ 
 
\t margin-top: 6px; 
 
} 
 
.email a { 
 
\t color: #192d37; 
 
\t font-family: Verdana; 
 
\t font-size: 14px; 
 
\t font-weight: 400; 
 
\t text-decoration: underline; 
 
} 
 
.upper-head .container { 
 
\t padding-top: 18px; 
 
\t margin-bottom: 21px; 
 
} 
 
.left-up-h { 
 
\t float: left; 
 
} 
 
.right-up-h { 
 
\t float: right; 
 
\t margin-top: 18px; 
 
} 
 
.l-u-h_text { 
 
\t display: inline-block; 
 
\t margin-left: 18px; 
 
} 
 
.h2 { 
 
\t font-family: "Beresta"; 
 
\t color: #192d37; 
 
\t font-size: 40px; 
 
\t font-weight: 400; 
 
\t margin-top: 8px; 
 
\t margin-bottom: 8px; 
 
} 
 
.h3 { 
 
\t color: #686d6f; 
 
\t font-family: "Medieval"; 
 
\t font-size: 14px; 
 
\t font-weight: 400; 
 
\t margin-top: 8px; 
 
\t margin-bottom: 0px; 
 
} 
 
.header-logo { 
 
\t background: url(../images/header_panoram.png) center center no-repeat; 
 
\t height: 500px; 
 
\t z-index: 1; 
 
\t position: relative; 
 
} 
 
.discounts { 
 
\t margin-top: 280px; 
 
\t color: white; 
 
} 
 
.discounts-box { 
 
\t display: block; 
 
\t height: 60px; 
 
\t border: 4px solid #E9B707; 
 
\t font-size: 30px; 
 
\t width: 360px; 
 
\t text-align: center; 
 
\t z-index: 1; 
 
\t margin-left: 65px; 
 
\t padding-top: 2px; 
 
\t border-radius: 2px; 
 
} 
 
.present_sprite_box { 
 
\t display: block; 
 
\t background-color: #E9B707; 
 
\t content: ""; 
 
\t border-radius: 2px; 
 
\t float: left; 
 
\t height: 60px; 
 
\t width: 60px; 
 
\t position: relative; 
 
} 
 
.present_sprite { 
 
\t background: url(../images/gift_icon.png) center center no-repeat; 
 
\t width: 35px; 
 
\t height: 40px; 
 
\t position: absolute; 
 
\t top: 10px; 
 
\t left: 12px; 
 
} 
 
.discounts-box_backgr { 
 
\t display: block; 
 
\t width: 360px; 
 
\t height: 60px; 
 
\t background-color: black; 
 
\t top: 0px; 
 
\t z-index: -1; 
 
\t opacity: 0.4; 
 
\t margin-left: 65px; 
 
\t position: absolute; 
 
\t left: 0px; 
 
} 
 
div.discounts-box{ 
 
\t color:white; 
 
} 
 

 
\t /* GIFT WINDOW */ 
 
\t \t div.present_window{ 
 
\t \t \t height:325px; 
 
\t \t \t width: 550px; 
 
\t \t \t position:absolute; 
 
\t \t \t top:-170px; 
 
\t \t \t background:white url(../images/form_background.png) center bottom no-repeat; 
 
\t \t \t left:0px; 
 
\t \t } 
 
\t \t div.container_pres{ 
 
\t \t \t margin-left: 30px; 
 
\t \t \t margin-top: 38px; 
 
\t \t \t height: 209px; 
 
\t \t \t width: 490px; 
 
\t \t } 
 
\t \t div.presText{ 
 
\t \t \t width: 488px; 
 
\t \t \t margin-left: 1px; 
 
\t \t } 
 
\t \t div.presText span{ 
 
\t \t \t font-family: "Kelsonsans"; 
 
\t \t } 
 
\t \t div.present_window input[type="text"]{ 
 
\t \t \t width: 268px; 
 
\t \t \t height: 46px; 
 
\t \t \t background-color: #fafafa; 
 
\t \t \t border: 1px solid #c2c2c2; 
 
\t \t \t box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.2); 
 
\t \t \t color: #686d6f; 
 
\t \t \t font-family: "Opensans"; 
 
\t \t \t font-size: 18px; 
 
\t \t \t font-weight: 400; 
 
\t \t \t padding-left: 12px; 
 
\t \t \t display: block; 
 
\t \t \t float: left; 
 
\t \t \t border-top-left-radius: 3px; 
 
\t \t \t border-bottom-left-radius: 3px; 
 
\t \t } 
 

 
\t \t input.yellow-button{ 
 
\t \t \t font-weight: 400; 
 
\t \t \t height: 46px; 
 
\t \t \t width: 220px; 
 
\t \t \t background-color: #eab600; 
 
\t \t \t border: none; 
 
\t \t \t font-family: Verdana; 
 
\t \t \t font-size: 16px; 
 
\t \t \t float:right; 
 
\t \t \t color: #192d37; 
 
\t \t \t text-decoration: underline; 
 
\t \t } 
 
\t \t .presText h2{ 
 
\t \t \t color: #192d37; 
 
\t \t \t font-family: "KelsonSans"; 
 
\t \t \t margin-top: 0px; 
 
\t \t \t font-size: 33px; 
 
\t \t \t font-weight: 400; 
 
\t \t } 
 
\t \t .presText p{ 
 
\t \t \t font-family: "Verdana"; 
 
\t \t \t font-size: 14px; 
 
\t \t \t font-weight: 400; 
 
\t \t \t line-height: 18px; 
 
\t \t } 
 
\t \t p.first_p_text_present{ 
 
\t \t \t color: #686d6f; 
 
\t \t \t margin-top: 26px; 
 
\t \t } 
 
\t \t p.second_p_text_present{ 
 
\t \t \t color: #192d37; 
 
\t \t \t margin-top: 18px; 
 
\t \t } 
 
\t \t div.inputboxes_pres{ 
 
\t \t \t margin-top: 31px; 
 
\t \t } 
 
\t /* END GIFT WINDOW */ 
 

 
/* END HEADER */ 
 

 
/* HEADER_BOTTOM */ 
 
.header-logo_bottom { 
 
\t background: url(../images/menu_line.png) center center no-repeat; 
 
\t height: 10px; 
 
} 
 

 
/* END HEADER_BOTTOM */ 
 

 
/* MAIN MENU */ 
 
.main_menu { 
 
\t background: url(../images/menu_sprite.png) center center no-repeat; 
 
\t height: 50px; 
 
\t width: auto; 
 
\t margin-top: -30px; 
 
\t z-index: 1;; 
 
\t position: relative; 
 
\t text-align: center; 
 
} 
 
.main_menu ol { 
 
\t list-style: none; 
 
\t padding: 0; 
 
\t margin: 0; 
 
} 
 
.main_menu li { 
 
\t display: inline-block; 
 
} 
 
.main_menu a { 
 
\t font-family: Verdana; 
 
\t position: relative; 
 
\t color: #ffffff; 
 
\t padding: 12px 18px; 
 
\t font-size: 16px; 
 
\t font-weight: 500; 
 
\t text-decoration: none; 
 
\t display: inline-block; 
 
} 
 
.main_menu a:hover { 
 
\t color: #E9B707; 
 
} 
 
a#to_customer:after{ 
 
\t content: ""; 
 
\t background: url(../images/menu_sprite_dropdown.png) center center no-repeat; 
 
\t display: block; 
 
\t width: 6px; 
 
\t height:5px; 
 
\t float: right; 
 
\t position: absolute; 
 
\t left: 111px; 
 
\t top: 21px; 
 
} 
 
.to_customer_submenu{ 
 
\t content: ""; 
 
\t height: 150px; 
 
\t width: 260px; 
 
\t position: absolute; 
 
\t top: 54px; 
 
\t left: 665px; 
 
\t text-align: left; 
 
\t background: url(../images/dropdown_menu_sprite.png) center center no-repeat; 
 
} 
 
.to_customer_submenu li:first-child a{ 
 
\t padding:12px 18px; 
 
} 
 
.to_customer_submenu a{ 
 
\t padding: 9px 18px; 
 
} 
 
/* END MAIN MENU */ 
 
/* READY PROJECTS*/ 
 
.ready_projects_back{ 
 
\t width: auto; 
 
\t z-index: -1; 
 
\t margin-top: -31px; 
 
\t position: relative; 
 
\t background: url(../images/bg_ready_projects.png); 
 
\t height: 738px; 
 

 
} 
 
.ready_projects_back .h1{ 
 
\t font-family: KelsonSans; 
 
\t font-size: 60px; 
 
\t color: #192d37; 
 
\t font-weight: 400; 
 
\t margin-top: 60px; 
 
\t text-align: center; 
 
} 
 
.bold_ready_projects{ 
 
\t color: #eab600; 
 
\t font-weight: 700; 
 
} 
 
.ready_projects_back .h3{ 
 
\t color: #686d6f; 
 
\t font-family: KelsonSans; 
 
\t font-size: 24px; 
 
\t font-weight: 400; 
 
\t text-align: center; 
 
} 
 
.ready_projects_back .proj_box .h3{ 
 
\t color: #192d37; 
 
\t font-family: KelsonSans; 
 
\t font-size: 36px; 
 
\t font-weight: 700; 
 
\t text-transform: uppercase; 
 
\t margin-bottom: 10px;; \t 
 
} 
 
.proj_box{ 
 
\t background-color: white; 
 
\t width: 320px; 
 
\t height: 450px; 
 
\t 
 
\t display: inline-block; 
 
\t margin-top: 5px; 
 
\t border-radius: 4px; 
 
\t position: relative; 
 
} 
 
.discount_proj div.discount_sign{ 
 
\t position: absolute; \t 
 
\t background: url(../images/%.png) center center no-repeat; 
 
\t margin-left: 15px; 
 
\t height: 51px; 
 
\t width: 40px; 
 
} 
 
div.proj_box.discount_proj{ 
 
\t border: 4px solid #eab600; 
 
} 
 
div.proj_box.discount_proj input{ 
 
\t background-color: #eab600; 
 
\t color: black; 
 
} 
 
.project-boxes{ 
 
\t height: 478px; 
 
\t text-align: center; 
 
\t background-color: grey; 
 
\t margin-top: 30px; 
 
} 
 
div.proj_inbox{; 
 
\t display: block; 
 
\t margin-top: 16px;; 
 
\t margin-left: 18px;; 
 
\t margin-right: 18px;; 
 
\t position: relative;; 
 
} 
 
.proj_inbox .h5{ 
 
\t color: #192d37; 
 
\t font-family: KelsonSans; 
 
\t font-size: 24px; 
 
\t font-weight: 400; 
 
\t line-height: 35px; 
 
\t margin-bottom: 11px; 
 
} 
 
.proj_inbox .h4{ 
 
\t color: #686d6f; 
 
\t font-family: KelsonSans; 
 
\t font-size: 18px; 
 
\t font-weight: 400; 
 
\t margin-top: 15px; 
 
\t margin-bottom: -4px; 
 
} 
 
.proj_inbox .h1{ 
 
\t font-family: KelsonSans; 
 
\t font-size: 36px; 
 
\t font-weight: 700; 
 
\t text-transform: uppercase; 
 

 
} 
 
.proj_inbox p{ 
 
\t color: #686d6f; 
 
\t font-family: Verdana; 
 
\t font-size: 14px; 
 
\t line-height: 18px; 
 
\t font-weight: 400; 
 
\t margin-top: 8px; 
 
} 
 

 
.proj_inbox p b{ 
 
} 
 
.proj_inbox img{ 
 
\t width: 100%; 
 
} 
 

 
div.proj_box input{ 
 
\t text-decoration: none; 
 
\t height: 40px; 
 
\t width: 100%; 
 
\t margin-top: 5px; 
 
\t background-color: #192d37; 
 
\t color:white; 
 
\t border-radius: 2px; 
 
} 
 

 
.barcode{ 
 
    white-space:pre; 
 
} 
 
.discount_proj .proj_btn_line{ 
 
\t left: 58px; 
 
\t top: 386px; 
 
\t border-color: black; 
 
\t 
 
} 
 

 
.proj_btn_line{ 
 
\t position: absolute; 
 
\t content: ""; 
 
\t border-bottom: 1px solid white; 
 
\t width: 160px; 
 
\t opacity: 1; 
 
\t top:390px; 
 
\t left:62px; 
 
\t z-index: 1; 
 
} 
 
.line{ 
 
\t content: ""; 
 
\t border-bottom: 1px solid black; 
 
\t width: 100%; 
 
\t opacity: 0.2; 
 
} 
 

 
/*NAVIGATION*/ 
 
\t .proj_box_nav{ 
 
\t text-align: right; 
 

 
\t } 
 
\t .go_catalog{ 
 
\t text-decoration: underline; 
 
\t color: #192d37; 
 
\t font-family: Verdana; 
 
\t font-size: 14px; 
 
\t font-weight: 400; 
 
\t line-height: 18px; 
 
\t text-decoration: underline; 
 
\t } 
 
\t .catal_arr_left{ 
 

 
\t } 
 
\t .catal_arr_right{ 
 

 
\t } 
 
/*END NAVIGATION*/ 
 

 
/* END READY PROJECTS*/
\t 
 
\t <body> \t \t 
 
\t \t <!--HEADER--> 
 
\t \t <div class="fluid-container upper-head"> 
 
\t \t \t <div class="container"> 
 
\t \t \t \t <a href="index.html" class="left-up-h"> 
 
\t \t \t \t \t <div class="logo"></div> 
 
\t \t \t \t \t <div class="l-u-h_text"> 
 
\t \t \t \t \t \t <div class="h2">Пестовские срубы</div> 
 
\t \t \t \t \t \t <div class="h3">У нас всегда хорошие цены!</div> 
 
\t \t \t \t \t </div> 
 
\t \t \t \t </a> 
 
\t \t \t \t <div class="right-up-h"> 
 
\t \t \t \t \t <div class="contacts"> 
 
\t \t \t \t \t \t <div class="sprite_phone"><a>8 (981) 260-50-50</a></div> 
 
\t \t \t \t \t \t <div class="email"><a href="#">[email protected]</a></div> 
 
\t \t \t \t \t </div> 
 
\t \t \t \t \t <a href="#" class="call_btn"> 
 
\t \t \t \t \t \t <div class="call_btn_sign">Заказать звонок</div></a> 
 
\t \t \t \t \t </div> 
 
\t \t \t \t </div> 
 
\t \t \t </div> 
 
\t \t \t <div class="fluid-container header-logo"> 
 
\t \t \t \t <div class="container"> 
 
\t \t \t \t \t <div class="discounts"> 
 
\t \t \t \t \t \t <a href="#"> 
 
\t \t \t \t \t \t \t <div class="present_sprite_box"> 
 
\t \t \t \t \t \t \t \t <div class="present_sprite"> 
 
\t \t \t \t \t \t \t \t </div> 
 
\t \t \t \t \t \t \t \t <div class="discounts-box"> 
 
\t \t \t \t \t \t \t \t \t Узнайте о наши акциях 
 
\t \t \t \t \t \t \t \t \t <div class="discounts-box_backgr"></div> 
 
\t \t \t \t \t \t \t \t \t <div class="present_window none"> 
 
\t \t \t \t \t \t \t \t \t \t <div class="container_pres"> 
 
\t \t \t \t \t \t \t \t \t \t \t <div class="presText"> 
 
\t \t \t \t \t \t \t \t \t \t \t \t <h2><b>Ваш подарок</b> готов к отправке!</h2> 
 
\t \t \t \t \t \t \t \t \t \t \t \t <p class="first_p_text_present">Всем, кто заключит договор на строительство дома или бани – индивидуальный подарок.</p> 
 
\t \t \t \t \t \t \t \t \t \t \t \t <p class="second_p_text_present">Узнайте подробности, оставьте телефон и мы перезвоним вам!</p> 
 
\t \t \t \t \t \t \t \t \t \t \t \t <div class="inputboxes_pres"> 
 
\t \t \t \t \t \t \t \t \t \t \t \t \t <input type="text" name="phone_for_gift" placeholder="Ваш телефон"><input type="submit" value="Отправить" class="yellow-button"> 
 
\t \t \t \t \t \t \t \t \t \t \t \t </div> 
 
\t \t \t \t \t \t \t \t \t \t \t </div> 
 
\t \t \t \t \t \t \t \t \t \t </div> 
 
\t \t \t \t \t \t \t \t \t </div> 
 
\t \t \t \t \t \t \t \t </div> 
 
\t \t \t \t \t \t \t </div> 
 
\t \t \t \t \t \t </a> 
 
\t \t \t \t \t </div> 
 
\t \t \t \t </div> 
 
\t \t \t </div> 
 
\t \t \t <div class="fluid-container header-logo_bottom"> 
 
\t \t \t </div> 
 
\t \t \t <div class="container main_menu"> 
 
\t \t \t \t <ol> 
 
\t \t \t \t \t <li><a href="#">Срубы домов</a></li> 
 
\t \t \t \t \t <li><a href="#">Срубы бань</a></li> 
 
\t \t \t \t \t <li><a href="#">Фотогалерея</a></li> 
 
\t \t \t \t \t <li><a href="#">Где строим</a></li> 
 
\t \t \t \t \t <li><a href="#">Контакты</a></li> 
 
\t \t \t \t \t <li><a href="#" id="to_customer">Заказчику</a> 
 
\t \t \t \t \t <div class="to_customer_submenu none"> 
 
\t \t \t \t \t \t <ol> 
 
\t \t \t \t \t \t \t <li><a href="#">Способы оплаты</a></li> 
 
\t \t \t \t \t \t \t <li><a href="#">Доставка материалов до участка</a></li> 
 
\t \t \t \t \t \t \t <li><a href="#">Строительство в кредит</a></li> 
 
\t \t \t \t \t \t </ol> 
 
\t \t \t \t \t </div> 
 
\t \t \t \t </li> 
 
\t \t \t \t <li><a href="#">Схема работы</a></li> 
 
\t \t \t </ol> 
 
\t \t </div> 
 
\t </div> 
 
\t <!--END HEADER--> 
 
\t 
 
\t <!--READY PROJECTS BACK--> 
 
\t <div class="fluid-container ready_projects_back"> 
 
\t \t <div class="container"> 
 
\t \t \t <div class="h1"><span class="bold_ready_projects">Ready</span> house projects</div> 
 
\t \t \t <div class="h3">Срок постройки по готовому проекту меньше недели!</div> 
 
\t \t \t <div class="container"> 
 
\t \t \t \t <div class="project-boxes"> 
 
\t \t \t \t \t <div class="proj_box discount_proj"> 
 
\t \t \t \t \t \t <div class="discount_sign"></div> 
 
\t \t \t \t \t \t <div class="proj_inbox"> 
 
\t \t \t \t \t \t \t <div class="h5">Проект Д-47</div> 
 
\t \t \t \t \t \t \t <img src="images/project_box.png"> 
 
\t \t \t \t \t \t \t <div class="h4">Цена от: <span class="strikethrough">1 500 000</span></div> 
 
\t \t \t \t \t \t \t <div class="h3">1 300 000 <span class="rubl">a</span></div> 
 
\t \t \t \t \t \t \t <div class="line"></div> 
 
\t \t \t \t \t \t \t <span class="barcode"><p>Площадь: <b>120 м<sup>2</sup> /</b> Размер: <b>6х9 м</b></p></span> 
 
\t \t \t \t \t \t \t <div class="proj_btn_line"></div> 
 
\t \t \t \t \t \t \t <input type="submit" value="Посмотреть проект" class="yellow-button"> 
 
\t \t \t \t \t \t </div> 
 
\t \t \t \t \t </div> 
 
\t \t \t \t \t <div class="proj_box"> 
 
\t \t \t \t \t \t <div class="proj_inbox"> 
 
\t \t \t \t \t \t \t <div class="h5">Проект Д-47</div> 
 
\t \t \t \t \t \t \t <img src="images/project_box.png"> 
 
\t \t \t \t \t \t \t <div class="h4">Цена от: <span class="strikethrough">1 500 000</span></div> 
 
\t \t \t \t \t \t \t <div class="h3">1 300 000 <span class="rubl">a</span></div> 
 
\t \t \t \t \t \t \t <div class="line"></div> 
 
\t \t \t \t \t \t \t <span class="barcode"><p>Площадь: <b>120 м<sup>2</sup> /</b> Размер: <b>6х9 м</b></p></span> 
 
\t \t \t \t \t \t \t <div class="proj_btn_line"></div> 
 
\t \t \t \t \t \t \t <input type="submit" value="Посмотреть проект" class="yellow-button"> \t 
 
\t \t \t \t \t \t </div> 
 
\t \t \t \t \t </div> 
 
\t \t \t \t \t <div class="proj_box"> 
 
\t \t \t \t \t \t <div class="proj_inbox"> 
 
\t \t \t \t \t \t \t <div class="h5">Проект Д-47</div> 
 
\t \t \t \t \t \t \t <img src="images/project_box.png"> 
 
\t \t \t \t \t \t \t <div class="h4">Цена от: <span class="strikethrough">1 500 000</span></div> 
 
\t \t \t \t \t \t \t <div class="h3">1 300 000 <span class="rubl">a</span></div> 
 
\t \t \t \t \t \t \t <div class="line"></div> 
 
\t \t \t \t \t \t \t <span class="barcode"><p>Площадь: <b>120 м<sup>2</sup> /</b> Размер: <b>6х9 м</b></p></span> 
 
\t \t \t \t \t \t \t <div class="proj_btn_line"></div> 
 
\t \t \t \t \t \t \t <input type="submit" value="Посмотреть проект" class="yellow-button"> 
 
\t \t \t \t \t \t </div> 
 
\t \t \t \t \t </div> 
 
\t \t \t \t </div> 
 
\t \t \t \t <div class="proj_box_nav"> 
 
\t \t \t \t \t \t <div class="go_catalog">Перейти в каталог</div> 
 
\t \t \t \t \t \t <div class="catal_arr_left"></div> 
 
\t \t \t \t \t \t <div class="catal_arr_right"></div> 
 
\t \t \t \t </div> 
 
\t \t \t </div> 
 
\t \t </div> 
 
\t </div> 
 
\t <!--END READY PROJECTS BACK--> 
 
\t <!--PROJECTS_QUALITY--> 
 
\t <div class="projecs_quality"> 
 
\t \t <div class="h2">Пустовские срубы - качество от производителя</div> 
 
\t \t <div class="achiev_blocks"> 
 
\t \t \t <div class="ach_blk"></div> 
 
\t \t \t <div class="ach_blk"></div> 
 
\t \t \t <div class="ach_blk"></div> 
 
\t \t </div> 
 
\t \t <div class="qual_overwrite">Любой здравомыслящий человек мечтает о красивом, уютном доме в живописном местечке за городом, который можно использовать для сезонного или постоянного проживания. Стоит уточнить, что какими бы прекрасными ни были загородные дома на вторичном рынке жилья, они не могут в полной мере соответствовать всем требованиям будущего домовладельца. Заказав строительство деревянных каркасных домов под ключ в Ярославле у нас, Вы станете владельцем идеального строения, которое устроит Вас по всем параметрам. Вы лично сможете выбрать проект будущего дома и, если необходимо, принять непосредственное участие в процессе его корректировки.</div> 
 
\t \t <div class="h2">Как мы строим срубы</div> 
 
\t \t <div class="qual_plan_img"></div> 
 
\t \t <div class="h2">Выгодно для вас</div> 
 
\t \t <div class="benefits_boxes"> 
 
\t \t \t <div class="benefit_box"></div> 
 
\t \t \t <div class="benefit_box"></div> 
 
\t \t \t <div class="benefit_box"></div> 
 
\t \t </div> 
 
\t </div> 
 
\t <!--END PROJECTS QUALITY--> 
 
\t 
 
\t <!--EASY WORK--> 
 
\t <div class="fluid-container easy-work"> 
 
\t \t <div class="container"> 
 
\t \t \t <div class="h2">С нами легко работать!</div> 
 
\t \t \t <div class="easy_boxes"> 
 
\t \t \t \t <div class="easy_box"></div> 
 
\t \t \t \t <div class="easy_box"></div> 
 
\t \t \t \t <div class="easy_box"></div> 
 
\t \t \t \t <div class="easy_box"></div> 
 
\t \t \t </div> 
 
\t \t \t <div class="easy_box"></div> 
 
\t \t </div> 
 
\t </div> 
 
\t <!--END EASY WORK--> 
 
\t <!--FOOTER--> 
 
\t <div class="container"> 
 
\t \t <div class="footer"> 
 
\t \t \t <div class="footer-1"></div> 
 
\t \t \t <div class="footer-2"></div> 
 
\t \t \t <div class="footer-3"></div> 
 
\t \t \t <div class="footer-4"></div> 
 
\t \t </div> 
 
\t </div> 
 
\t <!--END FOOTER--> 
 
</body> 
 
</html>

答えて

0

あなたは、スタック内の他の層の下にdiv要素を推進しているあなたのready_projects_backクラスにz-index: -1を持っています。 body要素はページ全体をカバーするので、z-indexをそれ以下の値に設定すると、ツールで検査できなくなります。

+0

ギデオン、ありがとう。 –

関連する問題