Jquery 自动宽度div背景+;垂直卷轴
想象一个站点在页面顶部有不同高度的横幅 下面是Jquery 自动宽度div背景+;垂直卷轴,jquery,css,Jquery,Css,想象一个站点在页面顶部有不同高度的横幅 下面是div#wrapper insideinsidediv#wrapper #内包装宽度固定,居中 #wrapper有一个大背景图像 现在。当浏览器视口宽度小于#wrapper inside时,我们会得到一个很好的水平滚动条,当我们向左滚动时,您会注意到#wrapper的宽度与浏览器视口宽度相同 问题是#wrapper会滚动,背景图像会被切断 如果不可以,jQuery可以单独使用css来解决这个问题吗?如何将#wrapper最小宽度设置为与内部包装相同的
div#wrapper inside
insidediv#wrapper
#内包装
宽度固定,居中#wrapper
有一个大背景图像
现在。当浏览器视口宽度小于#wrapper inside
时,我们会得到一个很好的水平滚动条,当我们向左滚动时,您会注意到#wrapper
的宽度与浏览器视口宽度相同
问题是#wrapper
会滚动,背景图像会被切断
如果不可以,jQuery可以单独使用css来解决这个问题吗?如何将
#wrapper
最小宽度设置为与内部包装相同的固定宽度。仅使用css即可:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style>
#wrapper {
overflow: auto;
background-image: url('http://fc05.deviantart.net/fs50/f/2009/340/b/0/Me_by_dicabrio.png');
}
</style>
</head>
<body>
<div id="header">
bla bla
</div>
<div id="wrapper">
<div id="wrapper-inner" style="width: 2000px; border: 1px solid black;height: 100px; color: white;">
test;test;test;test;test;test;test;test;test;test;test;test;test;test;test;
</div>
</div>
</body>
</html>
#包装纸{
溢出:自动;
背景图像:url('http://fc05.deviantart.net/fs50/f/2009/340/b/0/Me_by_dicabrio.png');
}
布拉布拉
试验;试验;试验;试验;试验;试验;试验;试验;试验;试验;试验;试验;试验;试验;试验;
工作起来很有魅力。谢谢IE6用户已经收到了一个巨大的更新警告,所以请见谅他们。