网页定位导航特效_技术笔记

慕函数1487353 2020-03-16

兼容性测试

0赞 · 0采集

qq_流目青酒 2019-12-13

IE6兼容性

对定位“fixed”不兼容，处理方法：

/* ie6 hack */
* html, * html body{
    background-image: url(about:blank);
    background-attachment: fixed;
}
*html 要设置的类 {
    /*position: fixed;*/
    position: absolute;
    top:expression(((e.document.documentElement.scrollTop)?e:document.body.scrollTop)+ 100 +'px');
}

0赞 · 0采集

哈尔波儿 2018-08-22

兼容ie6不支持fixed定位的方法：
*html ,*html body{background-image:url(about:blank);
background-attachnent :fixed; } //防止闪烁
*html #menu{position:absolute;
top:expression(((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+100+"px');

0赞 · 0采集
慕码人6137340 2018-07-27

IE11禁用了缓存，所以导航一开始不能用，把阻止的选项打开，可以搞定

0赞 · 0采集
半世烟云落 2018-04-13

0赞 · 0采集
CatherineAnya 2018-04-07

浏览器调试：
IE6 不支持 position: fixed;
所以需要用 hack 来使它支持。
什么是hack？
hack 就是利用一些技术手段，也就是一些特殊的编码，来达到通过区分不同的浏览器，为不同的浏览器设置一些不同的样式。

0赞 · 0采集
慕仙5237505 2017-11-16

兼容ie6不支持fixed定位的方法： *html ,*html body{background-image:url(about:blank); background-attachnent :fixed; } //防止闪烁 *html #menu{position:absolute; top:expression(((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+100+"px');

截图
1赞 · 1采集
KamingSAM4406075 2017-10-25

解决IE6不兼容fixed属性的方法，在css中加入： /*ie6 hack*/ *html,*html body{ background-image:url(about:blank); background-attachment:fixed; } *html menu{ position:absolute; top:expression(((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+100+'px'); }

0赞 · 1采集
Zzmkiv 2017-10-19

通过hack解决ie6不支持position:fixed的办法 /*ie6 hack*/ * html, * html body { background-image: url(about:blank); background-attachment: fixed; } * html #menu { /*position: fixed;*/ position: absolute; top: expression(((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+100+'px'); }

0赞 · 0采集
貌似祸害 2017-09-21

通过hack解决ie6不支持position:fixed的办法 /*ie6 hack*/ * html, * html body { background-image: url(about:blank); background-attachment: fixed; } * html #menu { /*position: fixed;*/ position: absolute; top: expression(((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+100+'px'); }

0赞 · 0采集
超级无敌可爱的美少女 2017-09-14

IE6不支持position:fixed，因此使用hack解决。 1、position的hack： * html #menu{ position: absolute; top: expression((e=document.documentElement.scrollTop ? e : document.body.scrollTop) + 100 + "px"); } 2、防止导航栏跳变： * html, * html body{ background-image: url(about:blank); background-attachment: fixed; }

0赞 · 0采集
微风灬唐唐 2017-08-14

IE6不支持position:fixed这个属性

0赞 · 0采集
白小九 2017-07-26

IE6不支持position:fixed，因此使用hack解决。 1、position的hack： * html #menu{ position: absolute; top: expression((e=document.documentElement.scrollTop ? e : document.body.scrollTop) + 100 + "px"); } 2、防止导航栏跳变： * html, * html body{ background-image: url(about:blank); background-attachment: fixed; }

截图
0赞 · 0采集
web端 2017-07-10

解决IE6不兼容fixed属性的方法，在css中加入： /*ie6 hack*/ *html,*html body{ background-image:url(about:blank); background-attachment:fixed; } *html menu{ position:absolute; top:expression(((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+100+'px'); }

0赞 · 0采集
yaya_ling 2017-07-06

浏览器兼容性调试：工具（IETester） hack:利用编码达到区分不同的浏览器，并为不同的浏览器设置不同的样式

截图
0赞 · 0采集
qq_汪星人的使命_0 2017-06-18

IE6不支持fixed(固定定位)。解决办法:(通过三元运算符来解决) /*IE6 hack*/ * html 菜单ID{ position:absolute; top:expression(((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+100+'px') } 解决跳动问题: * html,* html doby{ background-iamge:url(about:blank); background-attachment:fixed; }

0赞 · 0采集
慕粉3227390 2017-06-15

ie6不支持position:fixed属性； /*ie6 hack技术*/ 给背景添加一张空的背景图片，用来解决闪跳问题 *html,*html body{ background-image:url(about:black); background-attachment:fixed; } 解决滚动条位置不定的方法： *html #menu{ /*position:fixed*/ position:absolute; top:expression(((e=document.documentElement.scrollTop)?document.body.scrollTop)+100+"px"); }

0赞 · 0采集
玉笙水境 2017-06-12

ie6不支持position:fixed属性； /*ie6 hack技术*/ 给背景添加一张空的背景图片，用来解决闪跳问题 *html,*html body{ background-image:url(about:black); background-attachment:fixed; } 解决滚动条位置不定的方法： *html #menu{ /*position:fixed*/ position:absolute; top:expression(((e=document.documentElement.scrollTop)?document.body.scrollTop)+100+"px"); }

0赞 · 0采集
走出中国 2017-04-21

ie6不支持position:fixed属性； /*ie6 hack技术*/ 给背景添加一张空的背景图片，用来解决闪跳问题 *html,*html body{ background-image:url(about:black); background-attachment:fixed; } *html #menu{ /*position:fixed*/ position:absolute; top:expression(((e=document.documentElement.scrollTop)?document.body.scrollTop)+100+"px"); }

0赞 · 0采集
梦魂清风 2017-04-14

IE6兼容样式hack：并使用表达式计算 position：fixed；top值

截图
0赞 · 0采集
qq_齐步走_1 2017-03-27

解决IE6不兼容fixed属性的方法，在css中加入： /*ie6 hack*/ *html,*html body{ background-image:url(about:blank); background-attachment:fixed; } *html menu{ position:absolute; top:expression(((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+100+'px'); }

0赞 · 0采集
Zhq9695 2017-03-25

兼容ie6的方法，在css中加入hack，hack的写法是 *html #menu{...} // 在前面加上*html 还可以通过在属性前面加下划线，如：_background:red // 其他浏览器不支持所以不影响 ie6没有固定定位的fixed属性，所以设置absolute属性，然后设置表达式保持与顶部的距离，为防止跳变，背景加上空白图片

截图
0赞 · 0采集
Snow_Winter 2017-03-23

兼容IE6的hack

截图
0赞 · 0采集
shan330 2017-03-18

解决IE6不兼容fixed属性的方法，在css中加入： /*ie6 hack*/ *html,*html body{ background-image:url(about:blank); background-attachment:fixed; } *html menu{ position:absolute; top:expression(((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+100+'px'); }

0赞 · 0采集
大叔_fighting 2017-02-21

解决IE6不兼容fixed属性的方法，在css中加入： /*ie6 hack*/ *html,*html body{ background-image:url(about:blank); background-attachment:fixed; } *html menu{ position:absolute; top:expression(((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+100+'px'); }

0赞 · 0采集
大叔_fighting 2017-02-21

hack??????????????

0赞 · 0采集
xiaobin90 2017-01-19

导航栏固定位置写法： #menu{ position: fixed; left: 50%; top: 20px; margin-left: 400px; } IE6下不支持position的fixed属性解决方法： /*ie6 hack / * html.*html body{ position:absolute; top:expression(((e=document.documentElement.scollTop)?e:document.body.scollTop)+100+'px'); } 解决IE6下模拟fixed定位产生的跳动bug： *html,*html body{ background-image:url(about:blank); background-attachment:fixed; }

截图
0赞 · 1采集
DCraig 2017-01-12

解决IE6不兼容fixed属性的方法，在css中加入： /*ie6 hack*/ *html,*html body{ background-image:url(about:blank); background-attachment:fixed; } *html menu{ position:absolute; top:expression(((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+100+'px'); }

0赞 · 0采集
TOPBUNNY-刘晗 2016-12-16

*html,*html body{ background-image:url(about:blank); background-attachment:fixed; } *html #menu{ position:absolute; top:expression((e=document.docuementElement.scrollTop?e:document.body.scrollTop)+100+"px"); }

截图
1赞 · 2采集
怪杰不懂 2016-11-19

解决IE6不兼容fixed属性的方法，在css中加入： /*ie6 hack*/ *html,*html body{ background-image:url(about:blank); background-attachment:fixed; } *html menu{ position:absolute; top:expression(((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+100+'px'); }

0赞 · 0采集

数据加载中...