Question

您好，并提前感谢您的帮助：）

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
#bg {
    position:fixed; 
    top:-50%; 
    left:-50%; 
    width:200%; 
    height:200%;
}
#bg img {
    position:absolute; 
    top:0; 
    left:0; 
    right:0; 
    bottom:0; 
    margin:auto; 
    min-width:50%;
    min-height:50%;
}       
</style>
</head>
<body>
    <div id="bg">
        <img src="images/bck.png" >
    </div>  
</body>
</html>

我需要一些帮助，使其与您在本网站上找到的背景类似：http://hotdot.pro/en/

正如你所看到的那样，我设法让它相应调整大小但是我没有用水平滚动条获得最佳效果（现在如果显示条形图就没问题了。）

这个想法是宽度是高度的3倍，我想用overflow-x: auto和overflow-y:hidden实现这个目标，如第二行第6列中的示例所示这些网站：http://www.brunildo.org/test/Overflowxy2.html

因此，请提前感谢您，并随时对代码进行更改，因为我真的更了解示例。

如何使响应背景和仅水平滚动

0 个答案: