<p class="sougouContent"> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="sycode" name="code"></pre><div class="contentsignin">Copy after login</div></div> <br /> <style type="text/css"> <br /> body,div,input{margin:0; padding:0} <br /> #body {position:absolute;background- image: url(bg-top-01-no-pp.jpg);background-repeat: no-repeat;background-position: center top;height:4772px;width:2400px;!important} <br /> #logo {position :relative;left:712px;height:125px;width:980px;top:10px;clear: none;} <br /> #logo2{position:absolute; top:43px; left:210px;} <br /> </style> ; <br /> </head> <br /> <body> <br /> <div id="body"> <br /> <div id="logo"> <br /> <div id= "logo2"><img src="nav-bar-tw.gif" /></div> <br /> <br /> </div> <br /> </body> <br /> </html> <br /> <br /> How to make the background display the middle part without the drag bar? </p> <br /> <h2>Reply to discussion (solution)</h2> <p class="sougouAnswer"> Try cutting off the middle part of the background, then center it in the DIV, adjust the upper and lower MARGIN </p> <p class="sougouAnswer"> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="sycode" name="code">{background-position:202px -19px;}</pre><div class="contentsignin">Copy after login</div></div>Specify the coordinates of the part you want to select, Chapter One is the horizontal position and the second is the vertical position. </p> <p class="sougouAnswer"> The picture is too big and only the middle part is displayed in the center </p> <p class="sougouAnswer"> Can any hero help me change it so that it is displayed in the center </p>
