社区
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>
...全文
367
4
打赏
收藏
1920 1080 的背景图 在IE浏览器有滚动条 谷歌浏览器没有
所有元素的margin padding等都是0px;背景图1920x1080的,在IE有滚动条,谷歌没有。 IE为啥有滚动条,显示不小呢?
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用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 内核) 总结
修改
浏览器
默认
滚动条
样式,兼容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修改
谷歌
浏览器
和火狐
浏览器
的
滚动条
样式
css代码
谷歌
浏览器
滚动条
样式: ::-webkit-scrollbar { background: #f7f7f9; width: .08rem; /* 纵向
滚动条
滑块宽度 */ height: .09rem; /* 横向
滚动条
滑块宽度 */ } ::-webkit-scrollbar-track-piece { /*
滚动条
背景颜色*/ background: #f7f7f9; } ::-webkit-scrollbar-thumb { /* 滑块 */ border-radius
CSS
61,129
社区成员
60,711
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章