社区
CSS
帖子详情
1920 1080 的背景图 在IE浏览器有滚动条 谷歌浏览器没有
pujitan978
2018-12-05 04:20:02
所有元素的margin padding等都是0px;背景图1920x1080的,在IE有滚动条,谷歌没有。
IE为啥有滚动条,显示不小呢?
<body>
<div style="background-image:url(../img/11111.jpg);width:1920px;height:1080px;" >
</div>
</body>
...全文
393
4
打赏
收藏
1920 1080 的背景图 在IE浏览器有滚动条 谷歌浏览器没有
所有元素的margin padding等都是0px;背景图1920x1080的,在IE有滚动条,谷歌没有。 IE为啥有滚动条,显示不小呢?
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
4 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
junjie1212
2020-11-03
打赏
举报
回复
关键内容可能会超出一屏,用overflow:hidden 时超出一屏也没有滚动条了
zhiluan7665
2019-02-15
打赏
举报
回复
可以用 overflow:hidden 隐藏滚动条,全屏不影响效果的。
winzond
2018-12-05
打赏
举报
回复
我记得在哪里看到过,IE预留17像素显示滚动条,不管你有没有内容反正不要超过(总宽-17)
天际的海浪
2018-12-05
打赏
举报
回复
设置滚动条隐藏 html, body { overflow: hidden; }
IE、Chrome、Firefox
浏览器
隐藏
滚动条
(IE、火狐、
谷歌
浏览器
)
一、背景和效果图如下: 1.背景 2.设置属性前效果图: 2.设置后效果图: 二、直接通过CSS修改样式,保存滑动功能 1.全局设置
滚动条
如下(谷歌Chrome) Css代码如下 效果图如下 2.给某一个元素设置如下(谷歌Chrome) Css代码如下 效果图如下 三、这里其他
浏览器
的方法 1.IE去除
滚动条
样式(IE10以上内核) 2.火狐除
滚动条
样式(Gecko 内核) 总结
css修改
谷歌
浏览器
和火狐
浏览器
的
滚动条
样式
css代码
谷歌
浏览器
滚动条
样式: ::-webkit-scrollbar { background: #f7f7f9; width: .08rem; /* 纵向
滚动条
滑块宽度 */ height: .09rem; /* 横向
滚动条
滑块宽度 */ } ::-webkit-scrollbar-track-piece { /*
滚动条
背景颜色*/ background: #f7f7f9; } ::-webkit-scrollbar-thumb { /* 滑块 */ border-radius
修改
浏览器
默认
滚动条
样式,兼容IE和谷歌
在项目中,很经常会需要修改
浏览器
滚动条
的默认样式,因为
浏览器
本身的
滚动条
可能和设计师设计的页面很不搭配,话不多说上代码 1、
谷歌
浏览器
写法,webkit内核
浏览器
::-webkit-scrollbar :
滚动条
整体部分,其中的属性有width,height,background,border等。 ::-webkit-scrollbar-button :
滚动条
两端的按钮。可以用display:none让其不显示,也可以添加
背景图
片,颜色改变显示效果。 ::-webkit-scrollbar-tra
css隐藏
滚动条
兼容谷歌、火狐、IE等各个
浏览器
项目中,页面效果需要展示一个页面的移动端效果,使用的是一个苹果手机样式
背景图
,咋也没用过苹果,咋也不敢形容。 如下图所示: 在
谷歌
浏览器
如图一
滚动条
顺利隐藏,但是火狐就如图二了,有了
滚动条
丑的一批。 一句CSS代码,隐藏
滚动条
div::-webkit-scrollbar { display:none } 但不兼容火狐,让人脑瓜疼的火狐啊,下面小方法解决火狐隐藏
滚动条
...
css改变
滚动条
样式兼容火狐_自定义
滚动条
,可解决火狐
滚动条
默认样式修改不了问题...
优化:优化了移动设备上,页面滑动距离和
滚动条
滚动距离比例不正确问题背景:在项目开发中,由于项目住效果图背景色属于深色系,但是火狐
浏览器
的默认
滚动条
样式是一个白色的宽条,两者结合样子太丑,所以尝试修改
浏览器
默认的
滚动条
样式。试了多次发现,谷歌和IE
浏览器
的默认
滚动条
样式可以修改,但是火狐
浏览器
却不起作用,无奈,只能尝试自己编写一个
滚动条
,禁用
浏览器
默认的
滚动条
说明:介绍一个自定义的
滚动条
服务,修改浏...
CSS
61,125
社区成员
60,706
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章