2017-04-18 66 views
-2
頁面

的部分之間的背景圖片:如何顯示我要顯示一個網頁,其中背景圖像 的差距顯示了通過的部分之間的差距,就像下面

example website picture

Link to website

是否有可能用CSS做到這一點?

我不知道如何正確地說出我要做的效果。

乾杯

編輯。從wordpress主題的源代碼,唉

<body class="page-template page-template-full-width page-template-full-width-php page page-id-17 logged-in admin-bar no-customize-support mkdf-bmi-calculator-1.0 mkd-core-1.1 mkdf-boxed wellspring-ver-1.4 mkdf-smooth-scroll mkdf-ajax mkdf-grid-1000 mkdf-header-standard mkdf-sticky-header-on-scroll-up mkdf-default-mobile-header mkdf-sticky-up-mobile-header mkdf-menu-item-first-level-bg-color mkdf-dropdown-default mkdf-large-title-text wpb-js-composer js-comp-ver-5.0.1 vc_responsive"> 
 

 

 

 
<div class="mkdf-wrapper"> 
 
    <div class="mkdf-wrapper-inner"> 
 
\t  
 
\t 
 
\t <div class="mkdf-top-bar"> 
 
\t \t \t \t <div class="mkdf-grid"> 
 
\t \t \t \t \t \t \t \t \t <div class="mkdf-vertical-align-containers mkdf-30-30-30"> 
 
\t \t \t \t <div class="mkdf-position-left mkdf-top-bar-widget-area"> 
 
\t \t \t \t \t <div class="mkdf-position-left-inner mkdf-top-bar-widget-area-inner"> 
 
\t \t \t \t \t \t \t \t \t \t \t \t \t <div id="text-3" class="widget widget_text mkdf-top-bar-widget"><div class="mkdf-top-bar-widget-inner"> \t \t \t <div class="textwidget"><a href="mailto:[email protected]"><i class="fa fa-envelope" aria-hidden="true"></i> 
 
[email protected]</a></div> 
 
\t \t </div></div> \t \t \t \t \t \t \t \t \t \t \t </div> 
 
\t \t \t \t </div> 
 
\t \t \t \t \t \t \t \t \t <div class="mkdf-position-center mkdf-top-bar-widget-area"> 
 
\t \t \t \t \t \t <div class="mkdf-position-center-inner mkdf-top-bar-widget-area-inner"> 
 
\t \t \t \t \t \t \t \t \t \t \t \t \t </div> 
 
\t \t \t \t \t </div> 
 
\t \t \t \t \t \t \t \t <div class="mkdf-position-right mkdf-top-bar-widget-area"> 
 
\t \t \t \t \t <div class="mkdf-position-right-inner mkdf-top-bar-widget-area-inner"> 
 
\t \t \t \t \t \t \t \t \t \t \t \t \t 
 
\t  <div id="mkd_social_icon_widget-4" class="widget widget_mkd_social_icon_widget mkdf-top-bar-widget"><div class="mkdf-top-bar-widget-inner"> 
 
     <a class="mkdf-social-icon-widget-holder" style="color: #006489" href="https://www.facebook.com/groups/achievecompletehealth/" target="_blank"> 
 
      <i class="mkdf-social-icon-widget fa fa-facebook"></i>  </a> 
 

 
\t  </div></div>  \t \t \t \t \t \t \t \t \t \t \t </div> 
 
\t \t \t \t </div> 
 
\t \t \t </div> 
 
\t \t \t \t \t </div> 
 
\t \t </div> 
 

 
\t 
 

 
<header class="mkdf-page-header"> 
 
     <div class="mkdf-menu-area"> 
 
        <div class="mkdf-grid"> 
 
     \t \t \t    <div class="mkdf-vertical-align-containers"> 
 
       <div class="mkdf-position-left"> 
 
        <div class="mkdf-position-left-inner"> 
 
              </div> 
 
       </div> 
 
       <div class="mkdf-position-right"> 
 
        <div class="mkdf-position-right-inner"> 
 
         
 
<nav class="mkdf-main-menu mkdf-drop-down mkdf-default-nav"> 
 
    <ul id="menu-logged-in-menu" class="clearfix"><li id="nav-menu-item-179" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home narrow"><a href="http://localhost/ach/wordpress/" class=""><span class="item_outer"><span class="item_inner"><span class="item_text">Home</span></span><span class="plus"></span></span></a></li> 
 
<li id="nav-menu-item-180" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-17 current_page_item mkdf-active-item narrow"><a href="http://localhost/ach/wordpress/about/" class=" current "><span class="item_outer"><span class="item_inner"><span class="item_text">About</span></span><span class="plus"></span></span></a></li> 
 
<li id="nav-menu-item-181" class="menu-item menu-item-type-post_type menu-item-object-page narrow"><a href="http://localhost/ach/wordpress/testimonials/" class=""><span class="item_outer"><span class="item_inner"><span class="item_text">Testimonials</span></span><span class="plus"></span></span></a></li> 
 
<li id="nav-menu-item-182" class="menu-item menu-item-type-post_type menu-item-object-page narrow"><a href="http://localhost/ach/wordpress/program/" class=""><span class="item_outer"><span class="item_inner"><span class="item_text">Program</span></span><span class="plus"></span></span></a></li> 
 
<li id="nav-menu-item-184" class="menu-item menu-item-type-post_type menu-item-object-page narrow"><a href="http://localhost/ach/wordpress/cm-loss/" class=""><span class="item_outer"><span class="item_inner"><span class="item_text">Measuring Loss</span></span><span class="plus"></span></span></a></li> 
 
<li id="nav-menu-item-185" class="menu-item menu-item-type-post_type menu-item-object-page narrow"><a href="http://localhost/ach/wordpress/tips-tricks-for-losing-belly-fat/" class=""><span class="item_outer"><span class="item_inner"><span class="item_text">Tips &#038; Tricks</span></span><span class="plus"></span></span></a></li> 
 
<li id="nav-menu-item-268" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children has_sub narrow"><a href="http://localhost/ach/wordpress/what-you-need-to-know/" class=""><span class="item_outer"><span class="item_inner"><span class="item_text">What you need to know</span></span><span class="plus"></span></span></a> 
 
<div class="second " ><div class="inner"><ul > 
 
\t <li id="nav-menu-item-270" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="http://localhost/ach/wordpress/meal-plans/" class=""><span class="item_outer"><span class="item_inner"><span class="item_text">Meal Plans</span></span><span class="plus"></span></span></a></li> 
 
\t <li id="nav-menu-item-347" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="http://localhost/ach/wordpress/vegetarian-meal-plans/" class=""><span class="item_outer"><span class="item_inner"><span class="item_text">Vegetarian Meal Plans</span></span><span class="plus"></span></span></a></li> 
 
\t <li id="nav-menu-item-269" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="http://localhost/ach/wordpress/approved-foods/" class=""><span class="item_outer"><span class="item_inner"><span class="item_text">Approved Foods</span></span><span class="plus"></span></span></a></li> 
 
\t <li id="nav-menu-item-271" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="http://localhost/ach/wordpress/product-instructions/" class=""><span class="item_outer"><span class="item_inner"><span class="item_text">Product Instructions</span></span><span class="plus"></span></span></a></li> 
 
\t <li id="nav-menu-item-346" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="http://localhost/ach/wordpress/faqs/" class=""><span class="item_outer"><span class="item_inner"><span class="item_text">FAQs</span></span><span class="plus"></span></span></a></li> 
 
</ul></div></div> 
 
</li> 
 
<li id="nav-menu-item-183" class="menu-item menu-item-type-post_type menu-item-object-page narrow"><a href="http://localhost/ach/wordpress/contact-us/" class=""><span class="item_outer"><span class="item_inner"><span class="item_text">Contact Us</span></span><span class="plus"></span></span></a></li> 
 
<li id="nav-menu-item-306" class="menu-item menu-item-type-custom menu-item-object-custom narrow"><a href="http://localhost/ach/wordpress/wp-login.php?action=logout&#038;redirect_to=index.php&#038;_wpnonce=f2738e25f6" class=""><span class="item_outer"><span class="item_inner"><span class="item_text">Log Out</span></span><span class="plus"></span></span></a></li> 
 
</ul></nav> 
 

 
              </div> 
 
       </div> 
 
      </div> 
 
       </div> 
 
      </div> 
 
     
 
<div class="mkdf-sticky-header"> 
 
     <div class="mkdf-sticky-holder"> 
 
      <div class="mkdf-grid"> 
 
         <div class=" mkdf-vertical-align-containers"> 
 
       <div class="mkdf-position-left"> 
 
        <div class="mkdf-position-left-inner"> 
 
              </div> 
 
       </div> 
 
       <div class="mkdf-position-right"> 
 
        <div class="mkdf-position-right-inner"> 
 
\t      
 
<nav class="mkdf-main-menu mkdf-drop-down mkdf-sticky-nav"> 
 
    <ul id="menu-logged-in-menu-1" class="clearfix"><li id="sticky-nav-menu-item-179" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home narrow"><a href="http://localhost/ach/wordpress/" class=""><span class="item_outer"><span class="item_inner"><span class="item_text">Home</span></span><span class="plus"></span></span></a></li> 
 
<li id="sticky-nav-menu-item-180" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-17 current_page_item mkdf-active-item narrow"><a href="http://localhost/ach/wordpress/about/" class=" current "><span class="item_outer"><span class="item_inner"><span class="item_text">About</span></span><span class="plus"></span></span></a></li> 
 
<li id="sticky-nav-menu-item-181" class="menu-item menu-item-type-post_type menu-item-object-page narrow"><a href="http://localhost/ach/wordpress/testimonials/" class=""><span class="item_outer"><span class="item_inner"><span class="item_text">Testimonials</span></span><span class="plus"></span></span></a></li> 
 
<li id="sticky-nav-menu-item-182" class="menu-item menu-item-type-post_type menu-item-object-page narrow"><a href="http://localhost/ach/wordpress/program/" class=""><span class="item_outer"><span class="item_inner"><span class="item_text">Program</span></span><span class="plus"></span></span></a></li> 
 
<li id="sticky-nav-menu-item-184" class="menu-item menu-item-type-post_type menu-item-object-page narrow"><a href="http://localhost/ach/wordpress/cm-loss/" class=""><span class="item_outer"><span class="item_inner"><span class="item_text">Measuring Loss</span></span><span class="plus"></span></span></a></li> 
 
<li id="sticky-nav-menu-item-185" class="menu-item menu-item-type-post_type menu-item-object-page narrow"><a href="http://localhost/ach/wordpress/tips-tricks-for-losing-belly-fat/" class=""><span class="item_outer"><span class="item_inner"><span class="item_text">Tips &#038; Tricks</span></span><span class="plus"></span></span></a></li> 
 
<li id="sticky-nav-menu-item-268" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children has_sub narrow"><a href="http://localhost/ach/wordpress/what-you-need-to-know/" class=""><span class="item_outer"><span class="item_inner"><span class="item_text">What you need to know</span></span><span class="plus"></span></span></a> 
 
<div class="second " ><div class="inner"><ul> 
 
\t <li id="sticky-nav-menu-item-270" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="http://localhost/ach/wordpress/meal-plans/" class=""><span class="item_outer"><span class="item_inner"><span class="item_text">Meal Plans</span></span><span class="plus"></span></span></a></li> 
 
\t <li id="sticky-nav-menu-item-347" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="http://localhost/ach/wordpress/vegetarian-meal-plans/" class=""><span class="item_outer"><span class="item_inner"><span class="item_text">Vegetarian Meal Plans</span></span><span class="plus"></span></span></a></li> 
 
\t <li id="sticky-nav-menu-item-269" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="http://localhost/ach/wordpress/approved-foods/" class=""><span class="item_outer"><span class="item_inner"><span class="item_text">Approved Foods</span></span><span class="plus"></span></span></a></li> 
 
\t <li id="sticky-nav-menu-item-271" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="http://localhost/ach/wordpress/product-instructions/" class=""><span class="item_outer"><span class="item_inner"><span class="item_text">Product Instructions</span></span><span class="plus"></span></span></a></li> 
 
\t <li id="sticky-nav-menu-item-346" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="http://localhost/ach/wordpress/faqs/" class=""><span class="item_outer"><span class="item_inner"><span class="item_text">FAQs</span></span><span class="plus"></span></span></a></li> 
 
</ul></div></div> 
 
</li> 
 
<li id="sticky-nav-menu-item-183" class="menu-item menu-item-type-post_type menu-item-object-page narrow"><a href="http://localhost/ach/wordpress/contact-us/" class=""><span class="item_outer"><span class="item_inner"><span class="item_text">Contact Us</span></span><span class="plus"></span></span></a></li> 
 
<li id="sticky-nav-menu-item-306" class="menu-item menu-item-type-custom menu-item-object-custom narrow"><a href="http://localhost/ach/wordpress/wp-login.php?action=logout&#038;redirect_to=index.php&#038;_wpnonce=f2738e25f6" class=""><span class="item_outer"><span class="item_inner"><span class="item_text">Log Out</span></span><span class="plus"></span></span></a></li> 
 
</ul></nav> 
 

 
              </div> 
 
       </div> 
 
      </div> 
 
        </div> 
 
      </div> 
 
</div> 
 

 
</header> 
 

 

 
<header class="mkdf-mobile-header"> 
 
    <div class="mkdf-mobile-header-inner"> 
 
       <div class="mkdf-mobile-header-holder"> 
 
      <div class="mkdf-grid"> 
 
       <div class="mkdf-vertical-align-containers"> 
 
              <div class="mkdf-mobile-menu-opener"> 
 
          <a href="javascript:void(0)"> 
 
        <span class="mkdf-mobile-opener-icon-holder"> 
 
         <i class="mkdf-icon-font-awesome fa fa-bars " ></i>     </span> 
 
          </a> 
 
         </div> 
 
                  <div class="mkdf-position-right"> 
 
         <div class="mkdf-position-right-inner"> 
 
                </div> 
 
        </div> 
 
       </div> <!-- close .mkdf-vertical-align-containers --> 
 
      </div> 
 
     </div> 
 
     
 
<nav class="mkdf-mobile-nav"> 
 
    <div class="mkdf-grid"> 
 
     <ul id="menu-logged-in-menu-2" class=""><li id="mobile-menu-item-179" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home "><a href="http://localhost/ach/wordpress/" class=""><span>Home</span></a></li> 
 
<li id="mobile-menu-item-180" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-17 current_page_item mkdf-active-item"><a href="http://localhost/ach/wordpress/about/" class=" current "><span>About</span></a></li> 
 
<li id="mobile-menu-item-181" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="http://localhost/ach/wordpress/testimonials/" class=""><span>Testimonials</span></a></li> 
 
<li id="mobile-menu-item-182" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="http://localhost/ach/wordpress/program/" class=""><span>Program</span></a></li> 
 
<li id="mobile-menu-item-184" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="http://localhost/ach/wordpress/cm-loss/" class=""><span>Measuring Loss</span></a></li> 
 
<li id="mobile-menu-item-185" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="http://localhost/ach/wordpress/tips-tricks-for-losing-belly-fat/" class=""><span>Tips &#038; Tricks</span></a></li> 
 
<li id="mobile-menu-item-268" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children has_sub"><a href="http://localhost/ach/wordpress/what-you-need-to-know/" class=""><span>What you need to know</span></a><span class="mobile_arrow"><i class="mkdf-sub-arrow fa fa-angle-right"></i><i class="fa fa-angle-down"></i></span> 
 
<ul class="sub_menu"> 
 
\t <li id="mobile-menu-item-270" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="http://localhost/ach/wordpress/meal-plans/" class=""><span>Meal Plans</span></a></li> 
 
\t <li id="mobile-menu-item-347" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="http://localhost/ach/wordpress/vegetarian-meal-plans/" class=""><span>Vegetarian Meal Plans</span></a></li> 
 
\t <li id="mobile-menu-item-269" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="http://localhost/ach/wordpress/approved-foods/" class=""><span>Approved Foods</span></a></li> 
 
\t <li id="mobile-menu-item-271" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="http://localhost/ach/wordpress/product-instructions/" class=""><span>Product Instructions</span></a></li> 
 
\t <li id="mobile-menu-item-346" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="http://localhost/ach/wordpress/faqs/" class=""><span>FAQs</span></a></li> 
 
</ul> 
 
</li> 
 
<li id="mobile-menu-item-183" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="http://localhost/ach/wordpress/contact-us/" class=""><span>Contact Us</span></a></li> 
 
<li id="mobile-menu-item-306" class="menu-item menu-item-type-custom menu-item-object-custom "><a href="http://localhost/ach/wordpress/wp-login.php?action=logout&#038;redirect_to=index.php&#038;_wpnonce=f2738e25f6" class=""><span>Log Out</span></a></li> 
 
</ul> </div> 
 
</nav> 
 

 
    </div> 
 
</header> <!-- close .mkdf-mobile-header --> 
 

 

 

 
\t     <a id='mkdf-back-to-top' href='#'> 
 
       <span class="mkdf-icon-stack"> 
 
        <span aria-hidden="true" class="mkdf-icon-font-elegant arrow_carrot-up " ></span>    </span> 
 
        <span class="mkdf-back-to-top-inner"> 
 
        <span class="mkdf-back-to-top-text">Top</span> 
 
       </span> 
 
      </a> 
 
     
 
     <div class="mkdf-content" > 
 
         <div class="mkdf-content-inner"> 
 
    <div class="mkdf-title mkdf-standard-type mkdf-preload-background mkdf-has-background mkdf-has-parallax-background mkdf-content-center-alignment mkdf-animation-right-left mkdf-title-image-not-responsive" style="color:#ffffff;;background-image:url(http://localhost/ach/wordpress/wp-content/uploads/2017/04/dusk-925015_1280.jpg);;height:250px;" data-height="250" data-background-width=&quot;1280&quot;> 
 
     <div class="mkdf-title-image"><img src="http://localhost/ach/wordpress/wp-content/uploads/2017/04/dusk-925015_1280.jpg" alt="&nbsp;" /> </div> 
 
     <div class="mkdf-title-holder" style="height:250px;"> 
 
      <div class="mkdf-container clearfix"> 
 
       <div class="mkdf-container-inner"> 
 
        <div class="mkdf-title-subtitle-holder" style=""> 
 
         <div class="mkdf-title-subtitle-holder-inner"> 
 
         \t        \t \t        <h1 style="color:#ffffff;"><span>About</span></h1> 
 
\t                                     </div> 
 
        </div> 
 
       </div> 
 
      </div> 
 
     </div> 
 
    </div> 
 

 

 
<div class="mkdf-full-width"> 
 
<div class="mkdf-full-width-inner"> 
 
\t \t \t \t \t \t <div class="vc_row wpb_row vc_row-fluid mkdf-section vc_custom_1492473523647 mkdf-content-aligment-left" style=""><div class="clearfix mkdf-full-section-inner"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner "><div class="wpb_wrapper"><div data-original-height="32" class="vc_empty_space" style="height: 32px" ><span class="vc_empty_space_inner"></span></div> 
 

 
\t <div class="wpb_text_column wpb_content_element "> 
 
\t \t <div class="wpb_wrapper"> 
 
\t \t \t <p class="font_8" style="text-align: justify;">Our program has been specially designed to balance your hormones during the detox phase to actually teach your body to lose weight. We rest and repair the gut by mono-eating during this phase, the low calorie intake is sustainable because we support your body with the best nutrition on the market.</p> 
 
<p class="font_8" style="text-align: justify;">If you are looking to lose 10kg -15kg in 30 days this program is for you, and it can be done over again if you have more weight to lose.</p> 
 
<p class="font_8" style="text-align: justify;">This program also helps many people with depression, skin disorders, high blood pressure, Diabetes, problems conceiving and countless other ailments.</p> 
 
<p class="font_8" style="text-align: justify;">There are no shakes, it&#8217;s real food &#8211; protein &amp; vegetables.</p> 
 
<p class="font_8" style="text-align: justify;">We offer support by way of an online group, and an individual mentor to help you stay on track. No one does this program alone.</p> 
 

 
\t \t </div> 
 
\t </div> 
 
</div></div></div></div></div> 
 
\t \t \t \t \t \t \t </div> 
 
</div> 
 
</div> <!-- close div.content_inner --> 
 
</div> <!-- close div.content --> 
 

 
<footer class="mkdf-page-footer"> 
 
\t <div class="mkdf-footer-inner clearfix"> 
 

 
\t \t 
 
<div class="mkdf-footer-top-holder"> 
 
\t <div class="mkdf-footer-top mkdf-footer-top-aligment-left"> 
 
\t \t 
 
\t \t <div class="mkdf-container"> 
 
\t \t \t <div class="mkdf-container-inner"> 
 

 
\t \t <div class="mkdf-four-columns clearfix"> 
 
\t <div class="mkdf-four-columns-inner"> 
 
\t \t <div class="mkdf-column"> 
 
\t \t \t <div class="mkdf-column-inner"> 
 
\t \t \t \t \t \t \t </div> 
 
\t \t </div> 
 
\t \t <div class="mkdf-column"> 
 
\t \t \t <div class="mkdf-column-inner"> 
 
\t \t \t \t \t \t \t </div> 
 
\t \t </div> 
 
\t \t <div class="mkdf-column"> 
 
\t \t \t <div class="mkdf-column-inner"> 
 
\t \t \t \t \t \t \t </div> 
 
\t \t </div> 
 
\t \t <div class="mkdf-column"> 
 
\t \t \t <div class="mkdf-column-inner"> 
 
\t \t \t \t \t \t \t </div> 
 
\t \t </div> 
 
\t </div> 
 
</div> \t \t \t </div> 
 
\t \t </div> 
 
\t \t </div> 
 
</div> 
 

 
<div class="mkdf-footer-bottom-holder"> 
 
\t <div class="mkdf-footer-bottom-holder-inner"> 
 
\t \t \t \t \t <div class="mkdf-container"> 
 
\t \t \t \t <div class="mkdf-container-inner"> 
 

 
\t \t <div class="mkdf-three-columns clearfix"> 
 
\t <div class="mkdf-three-columns-inner"> 
 
\t \t <div class="mkdf-column"> 
 
\t \t \t <div class="mkdf-column-inner"> 
 
\t \t \t \t <div id="text-7" class="widget mkdf-footer-bottom-left widget_text"> \t \t \t <div class="textwidget"></div> 
 
\t \t </div> \t \t \t </div> 
 
\t \t </div> 
 
\t \t <div class="mkdf-column"> 
 
\t \t \t <div class="mkdf-column-inner"> 
 
\t \t \t \t <div id="text-6" class="widget mkdf-footer-text widget_text"> \t \t \t <div class="textwidget">Copyright Achieve Complete Health 2017. </div> 
 
\t \t </div><div id="text-9" class="widget mkdf-footer-text widget_text"> \t \t \t <div class="textwidget">See a copy of our full disclaimer <a href="">here</a>.</div> 
 
\t \t </div> \t \t \t </div> 
 
\t \t </div> 
 
\t \t <div class="mkdf-column"> 
 
\t \t \t <div class="mkdf-column-inner"> 
 
\t \t \t \t <div id="text-8" class="widget mkdf-footer-bottom-left widget_text"> \t \t \t <div class="textwidget"></div> 
 
\t \t </div> \t \t \t </div> 
 
\t \t </div> 
 
\t </div> 
 
</div> \t \t \t \t </div> 
 
\t \t \t </div> 
 
\t \t \t \t </div> 
 
\t </div> 
 

 
\t </div> 
 
</footer> 
 

 
</div> <!-- close div.mkdf-wrapper-inner --> 
 
</div> <!-- close div.mkdf-wrapper -->

+0

我已經在那裏發現了差距。你指的是哪一部分? –

+0

鏈接不是我的網站,我想在我正在構建的網站上實現此目的。就像菜單和內容之間的差距一樣,背景顯示。 –

+0

明白了。請添加要更改的源代碼。 –

回答

0

您可以使用 「填充」 屬性來實現這一 像填充:10%;

0

他們使用style =「margin-top:20px; margin-bottom:20px」你使用相同的。