浏览器
noxLiu
这个作者很懒,什么都没留下…
展开
-
Js解决ie6不支持fixed的方法
Js解决ie6不支持fixed的方法 *{margin:0;padding: 0;background-color:#000; } div#ggLeft{position: fixed;_position:absolute;width: 100px;height: 200px;left: 0;top:200px;background-color: red;}转载 2015-07-29 11:19:14 · 441 阅读 · 0 评论 -
javascript中new Date()的浏览器兼容性问题IE8Nan
引言: 同一种语言javascript,在不同的浏览器中,存在语言兼容性问题,本质上是由于不同的浏览器是支持的语言标准和实现上各有差异。本文将基于new Date来创建Date对象来分析这个问题。1. 问题的提出, 开始时间和结束时间空间无法正确的传递值在页面中,我们使用了一个时间上的组件来开发时间选择框,但是发现在Firefox下是无法正常工作的,在Chrome下是可以正常运行的转载 2016-12-29 15:52:40 · 1116 阅读 · 0 评论 -
Javascript、Jquery获取浏览器和屏幕各种高度宽度
Javascript:alert(document.body.clientWidth); //网页可见区域宽(body)alert(document.body.clientHeight); //网页可见区域高(body)alert(document.body.offsetWidth); //网页可见区域宽(body),包括border、转载 2015-07-29 09:20:10 · 1528 阅读 · 0 评论 -
js判断ie浏览器
一、IE靠类似“window.navigator.userAgent.toLowerCase().indexOf("msie")>0”的方法检测,但是ie11i中navigator.userAgent中不再包含“MSIE”关键字!可以通过导入以下注册表值可给IE附加标识:Windows Registry Editor Version 5.00[HKEY_LOCAL_MACHIN转载 2015-08-11 09:09:25 · 568 阅读 · 0 评论 -
chrome下可以跨域请求和模拟serve的快捷方式
或者安装扩展插件:The simplest solution would be to install a web server for Chrome . It serves web pages from a local folder over the network, using HTTP and comes exactly to rescue. After installing原创 2015-12-18 14:17:48 · 1311 阅读 · 0 评论 -
实现跨域的N种方法
这种方式主要是通过动态插入一个script标签。浏览器对script的资源引用没有同源限制,同时资源加载到页面后会立即执行(没有阻塞的情况下)。转载 2015-09-08 14:20:37 · 490 阅读 · 0 评论 -
浏览器icon配置
语句一: 语句二 备注:语句一 Shortcut Icon 就是在网址列前面出现的Icon 问题:语句二 icon的作用是怎么?和语句一有什么区别? 指导 过去,为保证favicon出现,网站设计者和开发者采用了多种方法。很难明确地保证favicon可以在所有电脑上显示,即使是用同一版本的一种浏览器。 下列代码另一个局限就是它把favicon关联到了某个特定的HTML或XH转载 2016-01-05 14:34:48 · 759 阅读 · 0 评论 -
应用before/after伪类时如何CSS命名以及针对ie6/ie7浏览器兼容
1.CSS部分 类似这样子的命名: 复制代码代码如下: .example:before, .example before {} .example:after, .example after {} 一个有冒号,一个是空格分隔。前者IE8+及其他现代浏览器;后者为IE6-7准备的。 2.HTML部分 如果before/after伪类元素含有content内容(不是空转载 2015-08-17 15:21:21 · 844 阅读 · 0 评论 -
div层调整z-index属性在IE中无效原因分析及解决方法
在写css代码时发现了一个很简单却又很多人应该碰到的问题,设置Z-INDEX属性无效,要让z-index起作用有个小小前提,就是元素的position属性要是relative,absolute或是fixed,感兴趣的朋友可以了解下,希望可以帮助到你在CSS中,只能通过代码改变层级,这个属性就是z-index,要让z-index起作用有个小小前提,就是元素的position属性要是relativ转载 2015-08-17 13:10:12 · 317 阅读 · 0 评论 -
ie hack
ie CSS和JS的各种Hack写法。原创 2015-07-28 09:55:47 · 396 阅读 · 0 评论 -
IE6下position:absolute的定位BUG
position:absolute定位在IE6下存在left和bottom的定位错误问题: 小老头 cjky 小老头 cjky 上面这段代码在IE6中定位错误。解决办法有两种:1、给父层设置zoom:1触发layout。 2、给父层设置宽度(width)。 小老头 cjky 小老头 cjky转载 2015-08-14 11:06:20 · 310 阅读 · 0 评论 -
window.attachEvent和addEventListener
以前写 JavaScript 脚本时,事件都是采用 object.event = handler; 的方式初始化。这种方式对于 Internet Explorer、Mozilla/Firefox 和 Opera 来说很通用。但是有一个问题就是,这种方式只能一个事件对应一个事件处理过程。如果希望一个事件可以依次执行多个处理过程就不好用了。 但 是 Internet Explorer转载 2015-08-13 09:21:58 · 754 阅读 · 0 评论 -
IE6/IE7下:inline-block解决方案
IE6/IE7下对display:inline-block的支持性不好。1、inline元素的display属性设置为inline-block时,所有的浏览器都支持;2、block元素的display属性设置为inline-block时,IE6/IE7浏览器是不支持的;对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行,允许空格。(准确地说,应转载 2015-08-13 10:35:42 · 254 阅读 · 0 评论 -
js在IE和Firefox下不同之处
1. document.form.item 问题 问题: 现有代码中存在许多 document.formName.item("itemName") 这样的语句,不能在Firefox下运行 解决方法: 统一使用 document.formName.elements["elementName"]2. 集合类对象问题 问题转载 2015-07-29 09:39:40 · 287 阅读 · 0 评论 -
DTD与模式
摘要 我们在制作页面时必须要测的就是IE浏览器,毕竟IE浏览器市场占有率还是很高。随着HTML5的流行,可能项目要求兼容IE最低版本为IE8或者更高,但是还是有很多项目兼容IE低版本。所以我们经常会碰到页面在ie浏览器低版本中排版错乱的问题,这是因为IE浏览器有两个模式影响着页面,现在就来研究下文档验证机制(DTD) DTD是html文件的验证机制,属于html文件组转载 2015-08-12 13:52:44 · 455 阅读 · 0 评论 -
CSS Hack
摘要: 在我们制作页面时CSS hack由于不同的浏览器,比如Internet Explorer,Mozilla Firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。 这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想要的页面效果。 CSS Hack大致有转载 2015-08-12 13:48:55 · 233 阅读 · 0 评论 -
浏览器下的网页全屏尺寸
1、800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。2、1024*768下,网页宽度保持在1002以内,就不会出现水平滚动条,高度则视版面和内决定。3、在ps里面做网页可以在800*600状态下显示全屏,页面的下方又不会出现滑动条,尺寸为740*560左右4、1024*768 下网页的尺寸:width=955,height=600 800转载 2015-07-29 11:20:25 · 7048 阅读 · 0 评论 -
关于浏览器默认字体
各个浏览器默认的字体种类、字体大小和字体行高都不一样,比如IE8的中文版在XP下显示宋体,而英文版肯定不是。所以有必要统一默认的字体样式: 结论:------------------------------------------------------------------------------------------------------utf-8编码:f转载 2015-08-11 15:13:06 · 4534 阅读 · 0 评论 -
半透明背景,文字不透明,ie8和现代浏览器的兼容性
Document ul li{ width: 300px; height: 250px; position: relative; overflow:hidden; } ul li .mymark, ul li a{ width:100%; position: absolute; b原创 2016-12-29 16:29:41 · 569 阅读 · 0 评论