怎么解决搜狗兼容模式与position':'fixed属性兼容问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么解决搜狗兼容模式与position':'fixed属性兼容问题相关的知识,希望对你有一定的参考价值。

我做了一个滚动条下移,导航栏一直在页面顶部的功能,在高速模式下可以实现,但是兼容模式下就不对了,求大神指教

参考技术A 下面是代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>position: fixed——webjx.com</title>
<style type="text/css">
*
padding: 0;
margin: 0;

#content
height: 5000px;
width: 50%;
border-right: 10px dotted red;

#demo_t, #demo_b, #demo_l, #demo_r
background: #f90;
position: fixed;

#demo_t, #demo_b
left: 0;
width: 100%;

#demo_l, #demo_r
width: 50px;
top: 300px;

#demo_t
top: 0;

#demo_b
bottom: 0;

#demo_l
left: 0;

#demo_r
right: 0;

</style>
<!--[if lte IE 6]>
<style type="text/css">
html
/*这个可以让IE6下滚动时无抖动*/
background: url(about:black) no-repeat fixed

#demo_t, #demo_b, #demo_l, #demo_r
position: absolute;

#demo_t, #demo_b
/*这个解决body有padding时,IE6下100%不能铺满的问题*/
width: expression(offsetParent.clientWidth);

/*下面三组规则用于IE6下top计算*/
#demo_l, #demo_r
top: expression(offsetParent.scrollTop + 300);

#demo_t
top: expression(offsetParent.scrollTop);

#demo_b
top: expression(offsetParent.scrollTop + offsetParent.clientHeight-offsetHeight);

</style>
<![endif]-->
</head>
<body>
<div id="demo_t">此处显示 id "demo" 的内容</div>
<div id="demo_b">此处显示 id "demo" 的内容</div>
<div id="demo_l">此处显示 id "demo" 的内容</div>
<div id="demo_r">此处显示 id "demo" 的内容</div>
<div id="content"></div>
</body>
</html>
建议在实际使用时,将IE条件注释中的代码放在单独的css文件中,以便节约其他浏览器的流量。

Jmeter与搜狗输入法百度输入法不兼容问题解决方法

问题:Jmeter 3.3、4.0等版本与最新版搜狗输入法、百度输入法不兼容,输入法悬浮窗口无法实时显示出来。

 

解决方法:换用微软拼音输入法即可。

微软拼音输入法:

官方下载链接: https://www.microsoft.com/zh-cn/download/details.aspx?id=28969

百度网盘链接:https://pan.baidu.com/s/13D1JS7VhyzWe1AjztnKb0A 密码:ex6l

以上是关于怎么解决搜狗兼容模式与position':'fixed属性兼容问题的主要内容,如果未能解决你的问题,请参考以下文章

ie11兼容模式仍然无法正常显示怎么解决

搜狗浏览器看网页视频白屏

Jmeter与搜狗输入法百度输入法不兼容问题解决方法

解决搜狗高速模式及设置页面打不开的问题DisableFeature.reg

怎么用搜狗浏览器保存网页为mht

jQuery动画bottom用IE浏览器不兼容的问题怎么解决呢?