position:fixed怎样兼容ie7,8
发布网友
发布时间:2022-04-20 12:04
我来回答
共2个回答
懂视网
时间:2022-04-20 16:25
项目中遇到的坑,写篇博客做个笔记纪念下,position: fixed一般来说都兼容各个浏览器,但是要兼容浏览低版本问题,就得用-webkit-transform: translateZ(0);这段代码了。
项目中用到position: fixed;z-index: xxx;的时候,记得加上这个css:-webkit-transform: translateZ(0); 这个兼容position:fixed浏览器低版本 不然会有浏览器滚动出现闪烁bug。当然这里透明度opacity: 0.9;
也要做兼容的,这里就不具体做解释了。
.footer_main{
position: fixed;
height: 150px;
background: url(/static/web-v2.0/images/ad/IT/IT_footer.png) no-repeat top center;
width: 100%;
left: 0;
bottom: 0;
z-index: 9;
opacity: 0.9;
-webkit-transform: translateZ(0);
}
热心网友
时间:2022-04-20 13:33
IE6 IE7 IE8 IE9这几个不可能同时存在在一台实体机上 但是IE和火狐可以共存 \r\n当然你可以在你的电脑上安装虚拟机 这样就可以同时用这几个浏览器了
ie6 ie7 ie8 ff兼容fixed的写法?
.fixed{ position: fixed; right: 0; top: 50%; margin-top: -150px; width: 200px; height: 300px; border: 1px solid #ccc;} .ie6{ _position:absolute; _margin-top: 0; _top:expression(documentElement.scrollTop+(documentElement.clientHeight-this.offsetHeight)/2)} /* ie6 fixed ...
原生ip - StormProxies
StormProxies是全球大数据IP资源服务商,其住宅代理网络由真实的家庭住宅IP组成,可为企业或个人提供满足各种场景的代理产品。点击免费测试(注册即送1G流量)StormProxies有哪些优势?1、IP+端口提取形式,不限带宽,IP纯净高匿;2、覆盖全球20...
css怎么设置居中(css中如何设置居中)
第七种方法,设置big层position:relative,相对情况下,使small层左浮动,代码示例如下 08 第八种方法,transform属性,代码示例如下 09 第九种方法,借助第三方样式,比如增加一个add节点,水平浮动向左,使small层随之浮动,代码示例如下 特别提示 每种方法都适应不同的运行环境,实际操作时需要考虑不同浏览器的解析时的兼容...
怎么设置ie10 兼容性视图设置
1、在电脑中找到并打开IE10浏览器。2、在打开的浏览器页面中点击右上角的“齿轮”图标。3、在弹出的菜单栏中选择“兼容性视图设置”选项。4、随后弹出兼容性视图设置的对话框,将当前网站添加进兼容性视图网站中。5、之后将下方的“在兼容性视图中显示intranet站点”和“使用Microsoft兼容性列表”的勾选...
div怎么添加滚动条?
metacharset="utf-8"> title>p+css上中下布局/title> style> html,body{height:100%;*overflow:hidden;/*消除IE7下的横向滚动条*/} body{margin:0;padding:0;font-size:30px;text-align:center;color:#fff;} .top,.nav,.foot{width:100%;height:100px;position:absolute;} .top{backgroun...
请问如何把这段html代码的效果完全用css代码表现出来? 谢谢
.toolBar{ position: fixed; left: 0; top: 0; z-index: 1000; width: 100%;}/** html .toolBar{position:static;} IE6 */*+html .toolBar{position:absolute;} /* IE7 */#toolbarPadding{ height: 30px; display: block !important; display: none;}...
IE7与FF在对CSS标签兼容上有多大区别?
28、如何让鼠标变成手型且兼容所有现代浏览器?cursor:pointer29、如何实现ie6下的position:fixed?参阅:http://blog.doyoe.com/article.asp?id=18830、IE下如何对Standard Mode与Quirks Mode进行切换?IE6以下的浏览器不用触发,直接以Quirks Mode呈现页面。IE6和IE7都可以触发的(在XHTML 的DTD申明前加上HTML注释):...
能说说你对css的BFC的理解吗?
n 浮动元素,绝对定位元素,inline-block 元素以及除 'visible' 外任意值的 overflow(IE7) 在 IE 中可以触发 hasLayout,同时在标准中,又可以创建 block formatting context。3.4.3 解决方案,即各个浏览器的兼容性 如果为了兼容IE8-,必须要么同时启动BFC和hasLayout,要么都不启动:1. 使元素即生成...
javascript网站模板(javascript模版)
lispan?/spanahref="#"title="用div+css制作纯CSS下拉菜单,兼容IE6IE7IE8及以上Firefox"用div+css制作纯CSS下拉菜单,兼容IE6IE7IE8及以上Firefox/a/li lispan?/spanahref="#"title="CSS如何定位工程"CSS如何定位工程/a/li lispan?/spanahref="#"title="用div+css制作一个CSS3的泡泡动画按钮非常漂亮...
JS实现图片的浮动,当鼠标向下滑动时,图片始终位于页面的上方,图片随...
上面的是你的要求。下面是一个小例子。可以实现图片在页面上滚动。 var left = 0;var top = 0;function moveImage(){ if(left > (document.body.clientWidth)-(document.getElementById("div1").offsetWidth)-4){ left = -left;} if(top > (document.body.clientHeight)-(document...
如何让DIV固定在页面而不随着滚动条随意滚动
1、首先我们新建一个web项目,主要用到了html文件和css文件。2、然后在html文件中,有图中的代码,引入css文件和设置一个div标签。3、然后这里是css样式文件,主要看图中红框中内容,使用fixed定位方式。4、然后运行项目后,可以看到div在右下角。5、然后滑动滚动条,即使到达底部后,div的位置依旧没有...