让IE6支持Fixed

最新推荐文章于 2024-09-27 13:54:03 发布
最新推荐文章于 2024-09-27 13:54:03 发布
阅读量49 收藏
点赞数
文章标签： xhtml c# javascript ViewUI
原文链接：http://www.cnblogs.com/dooom/archive/2009/09/25/1573669.html
版权
做个底部导航
像同学网的导航那样的  大家都可能用到 可以模仿下
aspx文件
ContractedBlock.gif ExpandedBlockStart.gif aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="buttom_position.aspx.cs"
    Inherits="buttom_position" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>无标题页</title>
    <link href="StyleSheet.css" rel="stylesheet" type="text/css" />
  
</head>
<body class="home">
    <form id="form1" runat="server">
    <div id="tongxue">
       
                         <ul style="list-style:none">
    <li style="width:100px; height:100px;">
    
      <div>
        <img src="zoomimage/images/bw2.jpg" style="width:100px; height:100px;" />
     </div>
     <div style="position:  relative; left:90px; top:-100px; ">
          <img src="zoomimage/images/ajax_small.gif"  onclick="alert()"/></div>
    </li>
    
    <li style="width:100px; height:100px;">
      <div>
        <img src="zoomimage/images/bw2.jpg" style="width:100px; height:100px;" />
     </div>
    <div style="position: relative; left:90px; top:-100px; ">
          <img src="zoomimage/images/ajax_small.gif" /></div>
    </li>
    </ul>
                         <ul id="txweblist" class="clearfix">
                                <li class="" style="position:relative" >aaa<br /></li>
                                <li class="" >aaa<br /></li>
                                 <li class="" >aaa<br /></li>
                                  <li class="" >aaa<br /></li>
                                   <li class="" >aaa<br /></li>
                                    <li class="" >aaa<br /></li>
                                     <li class="" >aaa<br /></li>
                                         <li class="" >aaa<br /></li>
                                <li class="" >aaa<br /></li>
                                 <li class="" >aaa<br /></li>
                                  <li class="" >aaa<br /></li>
                                   <li class="" >aaa<br /></li>
                                    <li class="" >aaa<br /></li>
                                     <li class="" >aaa<br /></li>
                                      <li class="" >aaa<br /></li>
                                <li class="" >aaa<br /></li>
                                 <li class="" >aaa<br /></li>
                                  <li class="" >aaa<br /></li>
                                   <li class="" >aaa<br /></li>
                                    <li class="" >aaa<br /></li>
                                     <li class="" >aaa<br /></li>
                                      <li class="" >aaa<br /></li>
                                <li class="" >aaa<br /></li>
                                 <li class="" >aaa<br /></li>
                                  <li class="" >aaa<br /></li>
                                   <li class="" >aaa<br /></li>
                                    <li class="" >aaa<br /></li>
                                     <li class="" >aaa<br /></li>
                                      <li class="" >aaa<br /></li>
                                <li class="" >aaa<br /></li>
                                 <li class="" >aaa<br /></li>
                                  <li class="" >aaa<br /></li>
                                   <li class="" >aaa<br /></li>
                                    <li class="" >aaa<br /></li>
                                     <li class="" >aaa<br /></li>
                                      <li class="" >aaa<br /></li>
                                <li class="" >aaa<br /></li>
                                 <li class="" >aaa<br /></li>
                                  <li class="" >aaa<br /></li>
                                   <li class="" >aaa<br /></li>
                                    <li class="" >aaa<br /></li>
                                     <li class="" >aaa<br /></li>
                                      <li class="" >aaa<br /></li>
                                <li class="" >aaa<br /></li>
                                 <li class="" >aaa<br /></li>
                                  <li class="" >aaa<br /></li>
                                   <li class="" >aaa<br /></li>
                                    <li class="" >aaa<br /></li>
                                     <li class="" >aaa<br /></li>
                                      <li class="" >aaa<br /></li>
                                <li class="" >aaa<br /></li>
                                 <li class="" >aaa<br /></li>
                                  <li class="" >aaa<br /></li>
                                   <li class="" >aaa<br /></li>
                                    <li class="" >aaa<br /></li>
                                     <li class="" >aaa<br /></li>
                                      <li class="" >aaa<br /></li>
                                <li class="" >aaa<br /></li>
                                 <li class="" >aaa<br /></li>
                                  <li class="" >aaa<br /></li>
                                   <li class="" >aaa<br /></li>
                                    <li class="" >aaa<br /></li>
                                     <li class="" >aaa<br /></li>
                               
                                  
                                        </ul>
         
    </div>
    <!--presence-->
    <div id="presence">
        <div class="innerPresence">
            <div class="presence_logo">
                <a class="presence_logo_btn" href="javascript:void(0);" onclick="presence.appToggle();">
                </a>
                
            </div>
            
            
           
       
        </div>
    </div>

    


    

    
    
    
    </form>
</body>
</html>
css 文件
ContractedBlock.gif ExpandedBlockStart.gif css
/* CSS Document */
/*common*/
* {
    margin:0px;
    padding:0px;
}
html {
    _overflow:hidden
}
body {
    font-family:Tahoma, SimSun;
    font-size:12px;
    color:#333;

    margin:0;
    padding:0;
    _height:100%;
    _overflow:hidden;
    _position:relative;
}
#tongxue {
    _height:100%;
    _overflow:auto;
    _position:relative;
}
/*presence*/
#presence {
    position:fixed;
    _position:absolute;
    bottom:0;
    left:10px;
    right:10px;
    _right:30px;
    z-index:500;
    background:transparent url('http://site.tongxueimg.com/v5/build/images/presence/bar_bg.gif?v=5') repeat-x scroll 0 0;
    height:26px;
}
.innerPresence {
    background:transparent url('http://site.tongxueimg.com/v5/build/images/presence/bar_bg.gif?v=5') repeat-x scroll 0 0;
    height:26px;
}
/*logo*/
.presence_logo {
    float:left;
    border-right:1px solid #027F78;
    border-left:1px solid #027F78;
    border-bottom:1px solid #027F78;
    position:relative;
    background:#22ac38 url('http://site.tongxueimg.com/v4/def5/images/presence-btn-logoico.gif?v=5') no-repeat scroll 0 0;
}

.presence_logo_btn {
    
    padding-left:37px;
    display:block;
    height:24px;
    line-height:24px;
    margin:1px 0 0;
    width:63px;
    text-align:left;
    color:#ffffff;
}
源码下载

转载于:https://www.cnblogs.com/dooom/archive/2009/09/25/1573669.html

weixin_30491641
关注
IE6支持position:fixed完美解决方法
10-30
本文将介绍一种更优雅、资源效率更高的方法来解决IE6对`position:fixed`的支持问题，这种方法是通过条件注释和CSS表达式来实现的。 首先，我们可以使用HTML的条件注释（Conditional Comments）来针对IE6加载特定的...
js完美解决IE6不支持position:fixed的bug
10-24
其中一个典型的问题是IE6不支持CSS中的`position:fixed`属性，这个属性允许元素在页面滚动时保持其在屏幕上的位置，常用于创建导航栏或页脚等固定位置的元素。 `position:fixed`在其他现代浏览器中工作良好，但在IE...
IE6不支持position:fixed解决方案
小记心得
05-14 1616
一个下雨的星期六，闲来无事听听窗外雨声，抿一口清茶！ 废话不多说，做前端的朋友们都一定碰到IE6对position:fixed定位不支持的问题，虽然IE6即将被淘汰，但是以目前国内网络用户而言，依然是一庞大的用户群体，所以咱们不得不对此做兼容处理。 解决方式：用position:absolute来替代fixed，IE的CSS表达式(expression)来完美的实现ie6下position:f
让IE6也支持fixed定位
bonlog的专栏
10-31 633
http://www.dayday28.com/post/2012-07-25/40029181658 估计在研发过程多多少少也用到了改属性吧.没错，这个属性可以使元素固定起来，可是IE6是很嚣张的无视它的，怎么办呢？生在这个无敌天国中的人民是很喜欢IE6的，你不可以就这么果断的不考虑它，不然产品经理他会找我到办公室谈话的。好了，当然做自己的博客的话可以无视它，说到大项目和用户群比较多的
ie6下的fixed
xiebiaoling的专栏
11-08 606
在其它浏览器中，css属性设置成fixed都是有效果的，但是在ie6中，却存在兼容性的问题，不支持这个属性。     解决方法：设置hack .style{ width:360px; height:230px; position: fixed; left: 50%; top:50%; margin-top:-115px; margin-left:-230px; _positio
IE6浏览器不支持固定定位（position：fixed）解决方案
cherry_vicent的专栏
03-10 649
经过多次测试，原来不只在IE6下，在IE7、IE8浏览器下，若是文档使用的是怪异（quirk）模式也会导致这个问题。这也难怪，当IE7、8使用怪异模式时，渲染引擎将以接近IE6的渲染模式来解析CSS。最后，我得出了以下结论： 　　 IE6、IE7（quirk模式）、IE8（quirk模式） 浏览器将 'position' 特性的 fixed 值当作错误值处理。从而导致使用固定定位的元素使用 'p
IE6不支持position:fixed的解决方法
u011927449的博客
06-21 155
解决IE6不支持position:fixed的方法，非常简单，具体调用请参考下面： /*让position:fixed在IE6下可用! */.fixed-top /* 头部固定 */{position:fixed;bottom:auto;top:0px;}.fixed-bottom /* 底部固定 */{position:fixed;bottom:0px;top:auto;}.fixed-left /* 左侧固定 */{position:fixed;right:auto;left:0px;}.fixed-.
让IE6也支持position:fixed
cui_angel的专栏
07-24 2005
众所周知IE6不支持position:fixed，这个bug与IE6的双倍margin和不支持PNG透明等bug一样臭名昭著。前些天遇到了这个问题。当时就简单的无视了IE6，但是对于大项目或商业网站，如果有用到这个属性的时候，是不可能直接无视的。 如何让position:fixed在IE6中工作呢？ 本文所使用的技巧是用了一条InternetExplorer的CSS表达式(expres
fixed在部分IE11下页面滚动时抖动问题
rrrrroy_Ha的博客
08-04 753
项目用JQuery框架，对IE11以下做了屏蔽处理，所以本文只记录IE11中的fixed问题。 在win10系统下，部分电脑的IE浏览器在向下滑动时，会出现position:fixed的导航块上下轻微抖动的问题，访问淘宝也会出现，那就说明是浏览器的问题。 经过查阅，得到以下js代码，可解决问题： var isIE=!!window.ActiveXObject || "ActiveXObject" in window; // 解决部分IE下页面滚动时导航栏闪屏的问题，因为其他地方做IE11以下屏蔽处理
hack解决ie6不支持position:fixed;
Wangdanting123的博客
05-26 296
hack解决ie6不支持position:fixed;
IE 6~8 position:fixed 不兼容解决方法
eno的博客
07-20 1919
IE8及以下版本对position: fixed 是不支持的 所以当你需要页面需要用到固定定位，同时有要兼容IE时 可以这样写固定定位 先给其他浏览器写定位 .fixed{ position:fixed; /*固定在浏览器左上角*/ top:0; left: 0; width:100px; height:100px; ...
IE6下position:fixed不支持问题及其解决方案
技术分享
05-16 2059
IE6有诸多奇葩，不支持position:fixed就是其中之一。所以在做一些比如固定在顶部或者底部或者固定元素的效果时需要考虑兼容IE6的这个问题。解决方案是用Ie6的hack。 *html {/* 只有IE6支持 */ background-image: url(about:blank); background-attachment: fixed; /* 固定背景 */ }
ie6,ie7,ie8完美支持position:fixed的终极解决方案
10-25
ie6对position:fixed不支持，网上有很多解决方法，有的在ie6,ie7上调试成功后，在ie8上又不好使，div层还是跟随滚动条浮 动；以下总结方法，在ie6,ie7,ie8上都调试成功，且页面滚动条滚动时，效果还挺好，div层并...
IE6不支持fixed解决方法
07-10
在网页开发过程中，由于历史遗留原因，Internet Explorer 6（简称IE6）存在许多与现代浏览器不兼容的问题，其中之一就是不支持CSS中的`fixed`定位。`fixed`定位是一种常用的布局方式，可以让元素相对于浏览器窗口...
XHTML学习
大河之犬的博客
09-20 394
XHTML是一个严格遵循 XML语法规则的 HTML 标准。它是 HTML4 的一种重构版本，结合了 HTML 的灵活性和 XML 的严格性，如今XHTML已经得到了所有主流浏览器的支持文档结构XHTML DOCTYPE 是强制性的中的 XML namespace 属性是强制性的、、 以及 也是强制性的元素语法XHTML 元素必须正确嵌套XHTML 元素必须始终关闭XHTML 元素必须小写XHTML 文档必须有一个根元素。
C#——switch案例讲解
最新发布
m0_65520060的博客
09-27 196
当输入的数据不在判断语句内的时候，默认执行其中某一条；以下是当房间号不存在的时候默认进入101房间。案例：根据输入的内容判断执行哪一条输出语句。
【C#生态园】Excel处理新选择：全方位解析六大C#库
记录我的学习历程
09-27 866
本文将介绍六种流行的C# Excel处理库，分别是EPPlus、ClosedXML、NPOI、GemBox.Spreadsheet、Aspose.Cells和Syncfusion.XlsIO。针对每个库，我们将从其核心功能、使用场景、安装配置和API概览等方面进行详细介绍。通过本文的阅读，读者可以全面了解这些Excel处理库，并为自己的项目选择合适的工具提供参考。
Lagent 自定义你的 Agent 智能体
weixin_44367813的博客
09-27 180
1、根据教材部署环境。2、启动Lagent Web Demo 和LMDeploy api_server，注意，Lagent Web Demo的model要填实际的model name。3、制作新的插件magicmaker和weatherquery'dongman', # 动漫'guofeng', # 国风'xieshi', # 写实'youhua', # 油画'manghe', # 盲盒else:else:@tool_apiArgs:Returns:"""try:}),
APP集成人脸识别接口-C#人脸识别API接口
weixin_41711744的博客
09-27 170
人脸识别技术是一种基于生物特征的识别技术，它通过捕捉和分析人脸特征来识别或验证个体身份。这项技术主要依赖于计算机视觉、图像处理和人工智能算法的结合，一般由第三方人工智能接口平台来提供，例如：翔云、阿里云等平台。人脸识别技术的应用可以大大提升身份验证的准确性，减少传统密码或身份证验证中的漏洞和不便。通过人脸识别，系统可以快速、无接触地完成身份验证，大幅提升了安全性。那么，人脸识别功能如何集成呢？
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值