当没有超出时,当然只有X和Y的轴。
问题出在,背景图片不能设置大小。HTML不会计算出背景图片的大小,这和直接插入的图片是有区别的。
解决办法
1.把body的宽度和高度,和图片真实大小设置为一致。
2.就像你说的body里包的一个div,你给那个div设置的宽度和高度和图片一致即可。
另外题外补充,overflow还有两个其它参数。只显示Y轴或者X轴。不会overflow的使用在IE和FF中是有明显差异的。
如果仍没解决,百度Hi或者站内消息可以找到我
貌似不行吧1.overflow内容溢出时的设置overflow-x水平方向内容溢出时的设置
overflow-y垂直方向内容溢出时的设置
以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。
2.scrollbar-3d-light-color立体滚动条亮边的颜色
scrollbar-arrow-color上下按钮上三角箭头的颜色
scrollbar-base-color滚动条的基本颜色
scrollbar-dark-shadow-color立体滚动条强阴影的颜色
scrollbar-face-color立体滚动条凸出部分的颜色
scrollbar-highlight-color滚动条空白部分的颜色
scrollbar-shadow-color立体滚动条阴影的颜色
以上七个属性设置的值都是颜色值,可以使用样式表定义的各种表达方式。
使用以上的样式定义内容,我们可以指定浏览器窗口、多行文本框的滚动条的显示与否和颜色样式,第一组样式属性用于设定被设定对象是否显示滚动条,第二组样式属性则用于设置滚动条的颜色,要注意的本文涉及的样式属性都是ie才能支持的 没有水平滚动条
<body style="overflow-x:hidden">
没有垂直滚动条
<body style="overflow-y:hidden">
没有滚动条
<body style="overflow-x:hiddenoverflow-y:hidden">或<body style="overflow:hidden">
改变浏览器默认的滚动条样式:
//滚动条凹槽的颜色,还可以设置边框属性
::-webkit-scrollbar-track-piece {
background-color:#f8f8f8
}
//滚动条的宽度
::-webkit-scrollbar {
width:9px
height:9px
}
//滚动条的设置
::-webkit-scrollbar-thumb {
background-color:#dddddd
background-clip:padding-box
min-height:28px
}
::-webkit-scrollbar-thumb:hover {
background-color:#bbb
}
扩展资料:
给某个div,class为test1加滚动条样式:
.test1::-webkit-scrollbar {
width: 8px
}
.test1::-webkit-scrollbar-track {
background-color:red
-webkit-border-radius: 2em
-moz-border-radius: 2em
border-radius:2em
}
.test1::-webkit-scrollbar-thumb {
background-color:green
-webkit-border-radius: 2em
-moz-border-radius: 2em
border-radius:2em
}