Home >Web Front-end >HTML Tutorial >How to make the background display the middle part_html/css_WEB-ITnose
How to make the background display the middle part_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 12:16:141193browse
080b747a20f9163200dd0a7d304ba388
body,div,input{margin:0; padding:0}
#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}
#logo {position :relative;left:712px;height:125px;width:980px;top:10px;clear: none;}
#logo2{position:absolute; top:43px; left:210px;}
99f7a397475a4a64d9f5e82da03b8c95
6c04bd5ca3fcae76e30b72ad730ca86d
a51023d88d1e0216ca2d0ba34022811a
e10ab5513b15fdfc05a0ecf2f711572e
9dacab547e21a5e9e815050e60731ec0e93afebec37c7abdd708d9dd2386174616b28748ea4df4d9c2150843fecfba68
16b28748ea4df4d9c2150843fecfba68
36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e
How to make the background display the middle part without the drag bar?
Reply to discussion (solution)
Try cutting off the middle part of the background, then center it in the DIV, adjust the upper and lower MARGIN
{background-position:202px -19px;}Specify the coordinates of the part you want to select, Chapter One is the horizontal position and the second is the vertical position. The picture is too big and only the middle part is displayed in the center
Can any hero help me change it so that it is displayed in the center
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：How to display empty paragraphs? _html/css_WEB-ITnoseNext article：How to display empty paragraphs? _html/css_WEB-ITnose