css - 一种让超大banner图片不拉伸、全屏宽、居中显示的方法

    <html>
    <head>
        <title>Title</title>
        <style>
            .bannerbox {
                width:100%;
                position:relative;
                overflow:hidden;
                height:200px;
            }
            .banner {
                width:3000px;
                position:absolute;
                left:50%;
                margin-left:-1500px;
            }
        </style>
    </head>
    <body>
        <div class="bannerbox">
            <div class="banner">
                <img src="t1.jpg">
            </div>
        </div> 
    </body>
    </html>

效果不会随着显示器的大小或者拉伸而改变。

ฅ՞•ﻌ•՞ฅ ~ 厚着脸皮要个赞赏哈 ~ ฅ՞•ﻌ•՞ฅ