<!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>HTML 纯CSS浮窗兼容IE6+</title> <style> /* body容器设置 */ body { /* IE6中需要为body添加如下两个样式属性,才能完美实现固定浮动 */ _background-attachment: fixed; _background-image: url(about:blank); } /* 固定浮动 */ .fix-top { position: fixed; _position: absolute; /* 兼容IE6 */ right: 0; bottom: 20px; z-index: 99; /* 兼容IE6,_top属性的表达式可能根据浮动的位置不同而所有不同,请自行更改 */ _bottom: auto; _top: expression( document.documentElement.scrollTop + document.documentElement.clientHeight - this.offsetHeight - 20 ); /*浮窗的样式*/ width: 40px; height: 40px; background: #f60; text-align: center; line-height: 20px; color: #fff; text-decoration: none; } </style> </head> <body> <div style="height: 1500px">阅谁问君诵,水落清香浮</div> <a class="fix-top" href="#">回到顶部</a> </body> </html>
效果图:
相关推荐
这是一个对IE8及以下做前端兼容的文件工具...--对于ie6到ie8做兼容,兼容h5,css3等新特性--> <!--[if (gte IE 6)&(lte IE 8)]> [removed][removed] [removed][removed] [removed][removed] <![endif]-->
DIV+CSS+JS静态分页程序可兼容主流浏览器(IE、FF、Opera) DIV+CSS表格(用DIV+CSS做的表格像素表格) 内容不多但是绝对实用,其实在做数据显示时还是推荐用表格,因为不是所有的地方数据显示有用DIV+CSS,在数据...
div+css设置html底部自适应窗口,内容少时bottom在窗口底部,内容多时被撑到最下方。
(十年积累)div+css_完全兼容ie6_ie7_IE8_IE9_和firefox方法.doc\(十年积累)div+css_完全兼容ie6_ie7_IE8_IE9_和firefox方法.doc
css浏览器兼容写法 如果只让ie6看见用*html .head{color:#000;} 如果只让ie7看见用*+html .head{color:#000;} 如果只让ff看见用:root body .head{color:#000;} 如果只让ff、IE8看见用html>/**/body .head{color:#000...
兼容IE,用boostrap做web项目的。可以用这个试试,在html或其他的文件要加入兼容IE8,9的meta头
ie8以下兼容HTML5和css3高级选择器
各种浏览器的兼容性和CSS HACK的写法,让你不再为IE6和各种浏览器的兼容性发愁,非常方便!
修改国外人html5+css3后台模板 兼容ie6+,firefox,Chrome
本文档内容涵盖:IE6升级到IE9过程中Javascript, DOM, HTML, CSS等方面的变化和调整。 概述 2 第一章:HTML 3 第一节:IE7-IE8更新 3 1. 如果缺少结束标记的 P 元素后跟 TABLE、FORM、NOFRAMES 或 NOSCRIPT 元素,会...
自己遇见的一些常见的css兼容性问题。和css hack 自己总结出来后生产pdf文档带书签的。 CSS兼容性笔记 1 一 css hack 1 1.直接案例 1 2. hack写法列表 1 3.在IE7+浏览器中按照IE7文档模式 1 4. 注意 Html头部的声明...
css3-mediaqueries.js 兼容ie8以下响应式布局 css3-mediaqueries.js + html5.js
解决css3圆角特性不兼容ie6,ie7,ie8等问题,让ie9一下版本完美兼容css3圆角。实现非常简单
响应式页面 引用的两个js 兼容ie8 ie7的html5标签与media属性 css3-mediaqueries.js html5.js
CSS自动换行兼容ie6 ie7+ ff
兼容IE9+、Chrome、Firefox等主流浏览器;页面兼容不同分辨率的屏幕。包含一个html文件,四个css文件,一个js文件及若干图片。由于包含一个mp4文件,故压缩包较大。Tips.本人js能力有限 故js代码较为简单。
使IE5,IE6,IE7,IE8兼容到IE9模式 <!–[if lt IE 9]> ”http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js”></script> <![endif]–> 解决PNG显示问题 只需将透明png图片命名为*-trans.png 需要注意...
jquery实现图图片或者文本轮播,上下或者左右可配置,文件中为图片上传循环轮播,拿来即可使用,主要可以兼容ie7及以上版本,可以使用,亲测
其实我们以为应该是这样的:但是ie6,ie7是这样显示的:IE6/IE7下对display:inline-block的支持性不好。解决方案:直接让块元素设置为内