随笔分类 -  Web前端-兼容性BUG列表

HTML兼容性 不声明doctype，IE9标准模式下position:fixed定位失败，导致遮罩层（Mask Layer）显示在页面最下方，FF和Chrome正常
摘要：问题描述：ie9标准模式下，老系统中的页面很少有写doctype的，但是不写这个声明，浏览器对于文档的解析机制就不一样了，特别是对于table和样式中的width, height 为100%布局，以及高度自适应的实现方案有影响，不了解的可以自行百度先，那么不写的话，又想加1个遮罩层的效果，一般我们遮... 阅读全文
posted @ 2014-07-22 16:40 Thirty 阅读(1803) 评论(0) 推荐(0)
JS浏览器兼容问题
摘要：接上篇：----------------------------------------------------一、JS与DOM的兼容性：(一) DOM节点的访问：1.以前对DOM节点访问一般用“document.All.元素ID属性值”或者“document.元素ID属性值”这种简化的方法，在Fi... 阅读全文
posted @ 2014-06-05 23:04 Thirty 阅读(393) 评论(0) 推荐(0)
所有浏览器的userAgent为何都带Mozilla
摘要：最早的时候有一个浏览器叫NCSA Mosaic，把自己标称为NCSA_Mosaic/2.0 (Windows 3.1)，它支持文字显示的同时还支持图片，于是Web开始好玩起来。 然后出现了一个新的网页浏览器，“Mozilla”，其实就是“Mosaic终结者”的意思，这搞的Mosaic很不爽，（... 阅读全文
posted @ 2014-06-05 14:40 Thirty 阅读(325) 评论(0) 推荐(0)
IE && FireFox在javascript上的区别
摘要：内容来源网络，学习：大致看了一遍，其中有部分不太确定，2014.06.05，现在FF和IE的版本都很高，找不到低版本的FF，因此其中部分JS方法可能现在已经支持。后续会纠错，如果被你先发现了，欢迎评论纠错。参考来源：百度空间--------------------------------------... 阅读全文
posted @ 2014-06-05 14:39 Thirty 阅读(266) 评论(0) 推荐(0)
Firefox下table单元格td设计relative定位失效解决方案（转）
摘要：问题描述：默认情况下，table的单元格td的display为table-cell，在IE给td设置position:relative，然后给它包含的一个容器使用position:absolute进行定位是有效的，但在FF下却不可以。但是在IE下，position:absolute的容器的z-ind... 阅读全文
posted @ 2014-05-16 17:04 Thirty 阅读(191) 评论(0) 推荐(0)
CSS 禁止文字选中
摘要：现象：html中可能有些地方不想让用户复制文字，或是用a标签做了个点击按钮，点快的时候文字会被选中，很丑，这个时候可以使用下面的方案禁止文字选中。原因：鼠标点快了。解决方案：不同的浏览器设置的内容不一样，user-select不是一个W3C的标准，浏览器的支持不完成，需要对不同的浏览器进行调整。bo... 阅读全文
posted @ 2014-05-06 08:39 Thirty 阅读(3668) 评论(0) 推荐(0)
jQuery中parent(), parents(), parentsUntil() 3个函数的区别
摘要：现象：在试用JQuery的时候遇到元素查找，过程中使用parentsUntil()和next()函数，但是老是得到undefined原因：在jQuery官方文档中描述的这3个函数都返回jquery对象，实际则不是，parent()函数返回jquery对象，返回的是单个父元素对象，而parents()... 阅读全文
posted @ 2014-05-05 23:10 Thirty 阅读(325) 评论(0) 推荐(0)
HTML不同按钮的点击效果不同（创）
摘要：现象：在form表单里写了一个button标签，其中有click事件调用1个普通的JS函数，发现点击按钮的时候页面刷新了一下，在IE中不明显（因为我没有写text类型的input），在FireFox中只看到标签闪了一下，在Chrome中现象特别明显，页面有明显的刷新。原因：form内button标签... 阅读全文
posted @ 2014-04-24 23:46 Thirty 阅读(1277) 评论(0) 推荐(0)
Css嵌套DIV，内层DIV设置margin-top失效的解决办法（转）
摘要：问题：在使用DIV做嵌套的时候，（外层DIV暂且取名叫做OuterDIV，内层DIV暂且取名叫做InnerDIV），本来想使InnerDIV距离OuterDIV左边距50px，上边距50px，我是新人，自然想到使用margin-left and margin-top来设置，效果是margin-top... 阅读全文
posted @ 2014-04-24 23:39 Thirty 阅读(575) 评论(0) 推荐(0)