IE 兼容性 (总结)

 更新时间:2016年9月20日 18:59  点击:1735
  问题 浏览器 demo 解决方法
1 input[button | submit] 不能用 margin:0 auto; 居中 ie8 bug | fixed 为input添加width
2 body{overflow:hidden;}没有去掉滚动条 ie6/7 bug | fixed 设置html{overflow:hidden;}
3 haslayout的标签拥有高度 ie6/7 bug | fixed *height:0;
_overflow:hidden;
4 form>[haslayout]元素有margin-left时,子元素中的[input | textarea] 出现2×margin-left ie6/7 bug | fixed form > [haslayout 元素]{margin-left:宽度;}
form div{*margin-left:宽度÷2;}
5 当border-width有1条<边3条时被设置成dotted时,1px的边dotted显示成dashed ie7 bug | fixed 不在同一个元素上使用不同宽度的 dotted
6 当子元素有position:relative的时候,父元素设置overflow:[hidden|auto]相当于给子元素设置了position:visible; ie6/7 bug | fixed 给父元素设置position:relative;
7 :hover伪类不能改变有position:absolute的子级元素的left/top值 ie7 bug | fixed 把top/left的值设置成除0%外的所有百分值;或添加一个margin-[所有方向]除0外的所有值,包括0%
8 :focus + selector {} 选择器失效 ie8 bug | fixed 在失效选择器后面添加一个空选择器, :focus{}
9 列表中混乱的浮动:在list中浮动图片时,图片出现溢出正常位置;或没有list-style ie8 bug | fixed 用背景图片替换list-style
10 th 不会自动继承上级元素的 text-align ie8 bug | fixed 给th添加text-align:inherit;
11 样式(包括link/style/@import(link)) 最多允许个为是:32 ie6-8 ─ 常识 99.99%的情况下,不会遇到
12 :hover 时若background-color为#fff, 失效 ie7 bug | fixed 把background-color改成background。或者,非#fff || #ffffff
13 忽略’>’后有注释的选择器:selector> /**/ selector{} ie7 bug | fixed 官方demo有误
14 * html ie6 ─ hack 只对ie6有效
15 png图片中的颜色和背景颜色的值相同,但显示不同 ie6-7 bug | fixed 利用 pngcrush 去除图片中的 gamma profiles
16 margin:0 auto; 不能让block元素水平居中 ie6-8 bug | fixed 给block元素添加一个width
17 使用伪类 :first-line | :first-letter, 属性的值中出现!important 会使属性失效 ie8 bug | fixed !important is evil, don’t use it anymore
18 :first-letter 失效 ie6 bug | fixed 把 :first-letter 移到离{}最近的地方,如 h1, p:first-letter{},而非 p:first-letter h1{}
19 position:absolute元素中,a display:block, 在非:hover时只有文本可点击 ie6/7 bug | fixed 给a添加background, 如果背景透明,使用background:url(‘任何页面中已经缓存的文件链接’),不推荐background:url(#)[官方的解决方法],因为会增加一下http请求
20 float列表元素不水平对齐:li不设置float,a设置display:block;float:[方向],li不水平对齐 ie6/7 bug | fixed 给li设置display:inline 或 float:[方向]
21 dt, dd, li 背景失效 ie6 bug | fixed dt, dd, li{position:relative;}
22 <noscript />元素的样式在启用网页特效的情况下显示了样式 ie6-8 bug | fixed 利用js给<noscript />添加display:none;
23 使用filter处理的透明背景图片的透明部分不可点 ie6-8 bug | fixed 把background:none变成background:url(‘链接’),链接到本身和图片之外的任何文件
24 li内元素偏离 baseline 向下拉 ie8 bug | fixed 给li设置display:inline 或 float:[方向]
25 列表中li的list-style不显示 ie6/7 bug | fixed 给li添加margin-left,留空间来显示(不要加在ul上)
26 图片不能垂直居中 ie6/7 bug/fixed 添加一个空标签,并赋给”layout”, 比如display:inline-block;
27 不能自定义指针样式 ie6-8 bug | fixed 给指针文件设置绝对路径
28 背景溢出,拖动滚动条后显示正常 ie6 bug | fixed 给父元素添加overflow:hidden防止溢出,并赋予haslayout,如果添加_zoom:1;
29 高度超过height定义的高 ie6 bug/fixed 添加_overflow:hidden;(推荐)或者_font-size:0;
30 宽度超过width定义的宽 ie6 bug/fixed 添加_overflow:hidden;
31 双倍边距 ie6 ─ 常识 添加display:inline到float元素中
32 margin负值隐藏:haslayout的父元素内的非haslayout元素,使用负边距时,超出父元素部分不可见 ie6/7 bug/fixed 去掉父元素的haslayout;或者赋haslayout给子元素,并添加position:relative;
33 给两个浮动元素的某中一个的文字设定为斜体,另一个元素下拉在有斜体文字元素的下面 ie6 bug/fixed 给有斜体文字的元素添加overflow:hidden;
35 3px 间隔:在float元素后的元素,会有3px间隔 ie6 bug/fixed 因为是确切的3px,所以,用“暴力破解”吧,比如_margin-left:-3px;
35 text-align 影响块级元素 ie6/7 bug/fixed 整理你的float;或者分开设置text-align

第一步:在toolbar中添加功能按钮

fckconfig.js:fckconfig.toolbarsets[“default”] 中添加按钮名称
fckconfig.toolbarsets["default"] = [
['bold','italic','-','about', 'mydiy']
] ;

第二步:

为按钮添加中文名称和英文名称

zh-cn.js:为你的按钮起个中文名字
mydiy : “我的自定义按钮"

en.js:为你的按钮起个英文名字
mydiy:"mydiybutton"

第三步:在toolbar中显示该按钮

fckeditorcode_gecko.js(fckeditorcode_ie.js):
查找:

case 'newpage':b=new fcktoolbarbutton('newpage',fcklang.newpage,null,null,true,null,4);break;


在break后插入你的代码

比如case 'mydiy':b=new fcktoolbarbutton('mydiy',fcklang.mydiy,null,null,false,true,50);(这个50是按钮的显示图片,要让你的自定义按钮显示为插入图片那个按钮的图片,可以填入37)
这样就可以在toolbar中显示你的按钮了

第四步:定义按钮功能原型

ckeditorcode_gecko.js(fckeditorcode_ie.js):

查找:

var fcknewpagecommand=function(){this.name='newpage';};
fcknewpagecommand.prototype.execute=function(){fckundo.saveundostep();fck.sethtml('');fckundo.typing=true;};
fcknewpagecommand.prototype.getstate=function(){return fck_tristate_off;};

定义功能原型:(这里直接复newpage的实现代码放到后面,然后进行修改)

比如:var fckmydiycommand=function(){this.name='mydiy';};fckmydiycommand.prototype.execute=function(){ 这里写你所需要执行的代码或者函数,比如alert("i am here !");};fckmydiycommand.prototype.getstate=function(){return 0;};
将上面代码插入到查找内容之后。

第五步:按钮功能实例化:

ckeditorcode_gecko.js(fckeditorcode_ie.js):

查找:

case 'newpage':b=new fcknewpagecommand();break;


功能实例化:

case 'mydiy':b=new fckmydiycommand();break;


将上面代码插入到查找内容之后。

ok,这样就可以在为fckeditor加上自定义的按钮了。

如果要为按钮加上快捷键,可以在fckconfig.js中:fckconfig.keystrokes = []加上
[ ctrl + 71 /*g*/, 'mydiy' ],

1.bloom filter

适用范围:可以用来实现数据字典,进行数据的判重,或者集合求交集

基本原理及要点:
对于原理来说很简单,位数组+k个独立hash函数。将hash函数对应的值的位数组置1,查找时如果发现所有hash函数对应位都是1说明存在,很明显这个过程并不保证查找的结果是100%正确的。同时也不支持删除一个已经插入的关键字,因为该关键字对应的位会牵动到其他的关键字。所以一个简单的改进就是 counting bloom filter,用一个counter数组代替位数组,就可以支持删除了。

还有一个比较重要的问题,如何根据输入元素个数n,确定位数组m的大小及hash函数个数。当hash函数个数k=(ln2)*(m/n)时错误率最小。在错误率不大于e的情况下,m 至少要等于n*lg(1/e)才能表示任意n个元素的集合。但m还应该更大些,因为还要保证bit数组里至少一半为0,则m应该>=nlg(1 /e)*lge 大概就是nlg(1/e)1.44倍(lg表示以2为底的对数)。

举个例子我们假设错误率为0.01,则此时m应大概 是n的13倍。这样k大概是8个。

注意这里m与n的单位不同,m是bit为单位,而n则是以元素个数为单位(准确的说是不同元素的个数)。通常单个元素的长度都是有很多bit的。所以使用bloom filter内存上通常都是节省的。

扩展:
bloom filter将集合中的元素映射到位数组中,用k(k为哈希函数个数)个映射位是否全1表示元素在不在这个集合中。counting bloom filter(cbf)将位数组中的每一位扩展为一个counter,从而支持了元素的删除操作。spectral bloom filter(sbf)将其与集合元素的出现次数关联。sbf采用counter中的最小值来近似表示元素的出现频率。

问题实例:给你 a,b两个文件,各存放50亿条url,每条url占用64字节,内存限制是4g,让你找出a,b文件共同的url。如果是三个乃至n个文件呢?

根据这个问题我们来计算下内存的占用,4g=2^32大概是40亿*8大概是340亿,n=50亿,如果按出错率0.01算需要的大概是650亿个bit。现在可用的是340亿,相差并不多,这样可能会使出错率上升些。另外如果这些urlip是一一对应的,就可以转换成ip,则大大简单了。

2.hashing

适用范围:快速查找,删除的基本数据结构,通常需要总数据量可以放入内存

基本原理及要点:
hash函数选 择,针对字符串,整数,排列,具体相应的hash方法。
碰撞处理,一种是open hashing,也称为拉链法;另一种就是closed hashing,也称开地址法,opened addressing。

扩展:
d-left hashing中的d是多个的意思,我们先简化这个问题,看一看2-left hashing。2-left hashing指的是将一个哈希表分成长度相等的两半,分别叫做t1和t2,给t1和t2分别配备一个哈希函数,h1和h2。在存储一个新的key时,同时用两个哈希函数进行计算,得出两个地址h1[key]和h2[key]。这时需要检查t1中的h1[key]位置和t2中的h2[key]位置,哪一个位置已经存储的(有碰撞的)key比较多,然后将新key存储在负载少的位置。如果两边一样多,比如两个位置都为空或者都存储了一个key,就把新key 存储在左边的t1子表中,2-left也由此而来。在查找一个key时,必须进行两次hash,同时查找两个位置。 

有些2003系统的iis按如上设置就是不行,下面的方法虽然可以,但返回的状态码却是200:
把消息内容设置成 url
url里填写 /404.htm
再把 404.htm 放在网站根目录下。

直接修改默认的404页面也是不行的。

原来是文件访问权限的问题,只要把404.htm设置成everyone可读 就行了


iis中404设置方法

打开iis管理器-->右击网站的属性-->点击自定义错误选项-->选中404-->选中并打开编辑属性-->设置成 url --> url 里填写"/www.111cn.net.html"-->此处在"消息类型"中一定要选择"文件"或"默认值",而不要选择"url",不然,将导致返回"200"状态码。-->确定退出把做好的err.html 页面上传到网站根目录

http404对seo教程的影响

  自定义404错误页面对搜索引擎而言,这则是相当重要的。
当搜索引擎蜘蛛在请求某个url时得到"404′状态回应时,即知道该url已经失效,便不再索引该网页,并向数据中心反馈将该url表示的网页从索引数据库教程中删除,当然,删除过程有可能需要很长时间;而当搜索引擎得到"200′状态回应时,则会认为该url是有效的,便会去索引,并会将其收录到索引数据库,这样的结果便是这两个不同的url具有完全相同的内容:自定义404错误页面的内容,这会导致出现复制网页问题。对搜索引擎而言,特别是google,不但很难获得信任指数trustrank,也会大大降低google对网站质量的评定。(为什么会出现返回"200′状态码的情况??请参看下面内容"自定义404错误页面的基本原则")

提供几个404是否设计正确方法检测地址

http://seo.g2soft.net/online-tools/server_status_checker.php#result

http://www.ranknow.cn/tools/checkhttpcode404

  internet信息服务(iis)无法删除的解决方法:

  1、进入控制面板;

  2、然后点击添加删除程序;

  3、接着点击“添加/删除windows组件”;

  4、点击“internet信息服务(iis)”,呈现蓝色显示;

  5、接着点击下方的“详细信息”按钮,将会弹出“internet信息服务(iis)”菜单,显示里面有7个选项。从下到上先把最下面一个选项的勾去掉,接着点击下一步,然后就会自动删除本项目;重复上一步,依次把一个一个项目删除,则internet信息服务(iis)就彻底卸载完成了!

  6、如果在删除以上的项目中仍出现无法删除的情况,则先进行以下的操作:
  (1)删除%windir%system32inetsrv目录;
  (2)删除%windir%iisx.log文件(x是iis版本);
  (3)删除%windir%inetpub目录;
  (4)以上3个操作可以在安全模式下进行,然后再进行以上第5步的操作。

  一般情况下,重装iis的步骤为:
  1、卸载iis;
  2、删除%windir%system32inetsrv目录;
  3、删除%windir%iisx.log文件(x是iis版本);
  4、删除%windir%inetpub目录;
  5、重装iis。

[!--infotagslink--]

相关文章

  • phpems SQL注入(cookies)分析研究

    PHPEMS(PHP Exam Management System)在线模拟考试系统基于PHP+Mysql开发,主要用于搭建模拟考试平台,支持多种题型和展现方式,是国内首款支持题冒题和自动评分与教师评分相...2016-11-25
  • JS使用cookie实现DIV提示框只显示一次的方法

    本文实例讲述了JS使用cookie实现DIV提示框只显示一次的方法。分享给大家供大家参考,具体如下:这里运用JavaScript的cookie技术,控制网页上的提示DIV只显示一次,也就是当用户是第一次打开网页的时候才显示,第二次自动隐藏起...2015-11-08
  • PHP中SSO Cookie登录分析和实现

    什么是SSO?单点登录SSO(Single Sign-On)是身份管理中的一部分。SSO的一种较为通俗的定义是:SSO是指访问同一服务器不同应用中的受保护资源的同一用户,只需要登录一次,即通过一个应用中的安全验证后,再访问其他应用中的受保护...2015-11-08
  • 详解Vue Cli浏览器兼容性实践

    这篇文章主要介绍了详解Vue Cli浏览器兼容性实践,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2020-06-09
  • PHP中SSO Cookie登录分析和实现

    什么是SSO?单点登录SSO(Single Sign-On)是身份管理中的一部分。SSO的一种较为通俗的定义是:SSO是指访问同一服务器不同应用中的受保护资源的同一用户,只需要登录一次,即通过一个应用中的安全验证后,再访问其他应用中的受保护...2015-11-08
  • vue项目中js-cookie的使用存储token操作

    这篇文章主要介绍了vue项目中js-cookie的使用存储token操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-11-14
  • 什么是cookie?js手动创建和存储cookie

    什么是cookie? cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时,就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值。 有关cookie的例子: 名字 cookie 当访...2014-05-31
  • python爬虫用request库处理cookie的实例讲解

    在本篇内容里小编给大家整理的是一篇关于python爬虫用request库处理cookie的实例讲解内容,有需要的朋友们可以学习参考下。...2021-02-21
  • 如何清除IE10+ input X 文本框的叉叉和密码输入框的眼睛图标

    从IE 10开始,type=”text” 的 input 在用户输入内容后,会自动产生一个小叉叉(X),方便用户点击清除已经输入的文本,下面通过本文给大家介绍下如何清除IE10+ input X 文本框的叉叉和密码输入框的眼睛图标...2017-01-09
  • 基于C#后台调用跨域MVC服务及带Cookie验证的实现

    本篇文章介绍了,基于C#后台调用跨域MVC服务及带Cookie验证的实现。需要的朋友参考下...2020-06-25
  • chrome监听cookie变化与赋值问题

    这篇文章主要介绍了chrome监听cookie变化与赋值问题,cookie监听与赋值操作需要manifest文件里声明权限问题,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2021-10-22
  • 详解Document.Cookie

    这篇文章主要介绍了详解Document.Cookie的相关资料,需要的朋友可以参考下...2015-12-27
  • 关于HTML5+ API plusready的兼容问题

    这篇文章主要介绍了HTML5+ API plusready的兼容问题,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2020-12-08
  • JS实现pasteHTML兼容ie,firefox,chrome的方法

    这篇文章主要介绍了JS实现pasteHTML兼容ie,firefox,chrome的方法,涉及javascript针对页面元素的动态操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下...2016-06-24
  • 关于angular浏览器兼容性问题的解决方案

    这篇文章主要给大家介绍了关于angular浏览器兼容性问题的解决方案,文中通过示例代码介绍的非常详细,对大家的学习或者使用angular具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧...2020-07-26
  • jQuery使用cookie与json简单实现购物车功能

    这篇文章主要介绍了jQuery使用cookie与json简单实现购物车功能的方法,介绍了jQuery实现购物车的步骤与关键代码,需要的朋友可以参考下...2016-04-18
  • Jquery cookie插件实现原理代码解析

    这篇文章主要介绍了Jquery cookie插件实现原理代码解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下...2020-08-04
  • Python Selenium操作Cookie的实例方法

    在本篇文章里小编给大家整理的是一篇关于Python Selenium操作Cookie的实例方法,有需要的朋友们可以学习参考下。...2021-02-28
  • 浅析JavaScript中浏览器的兼容问题

    下面小编就为大家带来一篇浅析JavaScript中浏览器的兼容问题。小编觉得挺不错的,现在分享给大家,也给大家做个参考...2016-04-22
  • js操作cookie保存浏览记录的方法

    这篇文章主要介绍了js操作cookie保存浏览记录的方法,涉及JavaScript使用cookie记录并保存用户浏览网页信息的实现技巧,需要的朋友可以参考下...2015-12-27