cross browser

jQuery 2.0正式发布,抛弃 IE6/7/8 兼容,更小更快

Posted by bower on April 21, 2013
cross browser, javascript / No Comments

分享给你的朋友->bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark

下面是 2.0 版本的一些特性:
1、不兼容 IE6/7/8
需要注意 IE9、IE10 的兼容模式仍然会使 jQuery 2.0 运行不正常,需要在 HTTP header 指定X-UA-Compatible 属性,或者在页面 meta 标签中声明(性能原因,不推荐后者);

Continue reading…

“该网页已对该表单停用自动填充功能”提示 autocomplete=”off” 引起

Posted by bower on April 01, 2012
cross browser, javascript / No Comments

分享给你的朋友->bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark

 

有图有真相

Continue reading…

IE6 IE7 IE8 在 position : relative 时fadeIn() fadeOut() bug 解决方案

Posted by bower on April 01, 2012
cross browser, javascript / 1 Comment

分享给你的朋友->bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark

先看一个例子

<div class="fadein">
    <div>
        <div>I am going to fade in ;</div>
        <div>I am going to fade in ;</div>
    </div>
</div>
$('.fadein').fadeIn();

Continue reading…

分享给你的朋友->bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark

一张不被显示的图片

浏览仍器然会加载

Continue reading…

css position absolute 绝对定位

Posted by bower on September 09, 2011
cross browser / No Comments

分享给你的朋友->bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark

最近面试了几个前端页面人员  发现很多人对 position 这个属性不明白, 这个出乎我的意料, 在这我就科普一下

Continue reading…

Tags: ,

Doctype 与 浏览器显示模式

Posted by bower on August 26, 2011
cross browser, javascript / No Comments

分享给你的朋友->bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark

 

Doctype NS6 Old
Moz
Moz &
Safari &
Opera 10
& HTML5
Opera 9.0 IE 8, IE 9 & Opera 9.5 IE 7 & Opera
7.10
IE
6
& Opera 7.0
Mac
IE 5
Konq
3.2
None Q Q Q Q Q Q Q Q Q
<!DOCTYPE
HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
Q Q Q Q Q Q Q Q Q
<!DOCTYPE
HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
S S S S S A A A A
<!DOCTYPE
HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
S S S S S A A Q A
<!DOCTYPE
HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
"http://www.w3.org/TR/html4/strict.dtd">
S S S S S A A A A
<!DOCTYPE
HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
S S S S S A A A A
<!DOCTYPE
HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
Q Q Q Q Q Q Q Q Q
<!DOCTYPE
HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
Q Q Q Q Q Q Q Q Q
<!DOCTYPE
HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
S S A A A A A A Q
<!DOCTYPE
HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
Q S A A A A A A Q
<!DOCTYPE
HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
Q Q Q Q A A A A Q
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> S S S S S A A A A
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.0//EN" "http://www.w3.org/TR/xhtml-basic/xhtml-basic10.dtd"> S S S S S A A A A
<!DOCTYPE
html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
S S S S S A A A A
<!DOCTYPE
html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
S S A A A A A A Q
<?xml
version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.1//EN” “http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd”>
S S S S S A Q A Q
<?xml
version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML Basic 1.0//EN” “http://www.w3.org/TR/xhtml-basic/xhtml-basic10.dtd”>
S S S S S A Q A Q
<?xml
version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
S S S S S A Q A Q
<?xml
version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
S S A A A A Q A Q
<!DOCTYPE
HTML PUBLIC "ISO/IEC 15445:2000//DTD HTML//EN">
Q S S Q Q Q Q Q Q
<!DOCTYPE
HTML PUBLIC "ISO/IEC 15445:2000//DTD HyperText Markup
Language//EN">
Q S S S S A A A Q
<!DOCTYPE
HTML PUBLIC "ISO/IEC 15445:1999//DTD HTML//EN">
S S S Q Q Q Q Q Q
<!DOCTYPE
HTML PUBLIC "ISO/IEC 15445:1999//DTD HyperText Markup
Language//EN">
S S S S S A A A Q
<!DOCTYPE html> Q S S S S A A A

Continue reading…

Doctype strict Transitional 区别

Posted by bower on May 09, 2011
cross browser / No Comments

分享给你的朋友->bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark

Following transitional elements were removed from the Strict XHTML:

appletbasefontcenterdirfontiframeisindexmenunoframessstrikeu.

Continue reading…

Tags:

tangram baidu 百度js库tangram开源 叫七巧板。。

Posted by bower on December 23, 2010
cross browser, javascript, / 1 Comment

分享给你的朋友->bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark

http://tangram.baidu.com/tangram/index.html

tangram baidu  百度js库tangram开源 叫七巧板。。

中国是IE6消亡最大障碍

Posted by bower on December 06, 2010
cross browser / No Comments

分享给你的朋友->bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark

微软的一名高管表示,除非中国消费者弃用IE6,否则使这款老迈的浏览器消亡将十分困难。

Continue reading…

Firefox 4 Beta Gets Interactive Audio With HTML5

Posted by bower on September 08, 2010
cross browser / No Comments

分享给你的朋友->bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark

可能要反墙。。

http://links.visibli.com/links/30e4cf

Continue reading…

Tags:

html5 互动电影

Posted by bower on September 07, 2010
cross browser, javascript / No Comments

分享给你的朋友->bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark

http://www.thewildernessdowntown.com/

一个人。。。

IE6 IE7 IE8(Q) 不支持 CSS 特性的 ‘inherit’ 值

Posted by bower on September 03, 2010
cross browser / No Comments

分享给你的朋友->bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark

标准参考

关于CSS中的特性(property)值 ‘inherit’

Continue reading…

Google 互联网开发技术交流会:下一代 Web 标准和浏览器发展趋势

Posted by bower on September 01, 2010
cross browser, javascript / No Comments

分享给你的朋友->bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark

会议日程

日期:2010 年 9 月 2 日(周四)

Continue reading…

Tags:

IE6/IE7 0day 漏洞 加测试链接

Posted by bower on November 24, 2009
cross browser, javascript, living on earth / No Comments

分享给你的朋友->bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark

昨天(2009年11月21日),Symantec发布了IE的一个0day安全漏洞的消息。关于这个消息,截止本文发布时,在中文社区里还没有报导。这是一个关于IE6/IE7处理CSS时的一个漏洞(关于IE和CSS的BUG)。如果你目前还在使用IE6/IE7,那你现在可能是你升级的时候了,当然,有很多人说IE8是没有问题的,但我个人还是建议在补丁出来之前先使用Firefox或Chrome。

Continue reading…

Tags: ,

ie6 css display inline-block 解决方法

Posted by bower on September 15, 2009
cross browser, javascript / No Comments

分享给你的朋友->bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark

ie6 css display属性是不支持inline-block的

display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;

Continue reading…

html label作用

Posted by bower on September 14, 2009
cross browser / No Comments

分享给你的朋友->bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark

html label作用

Label 中有两个属性是非常有用的,一个是FOR、另外一个就是ACCESSKEY了。

Continue reading…

script 标签 onerror事件,script tag onerror

Posted by bower on July 30, 2009
cross browser, javascript / No Comments

分享给你的朋友->bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark

<script onerror=”getfail()” scr=”test.js”></script>

如果test.js不存在,或无法加载,会触发getfail函数, 目前只有firefox支持

Continue reading…

javascript bookmark 添加书签到 firefox IE opera safari 适于大部分浏览器

Posted by bower on July 27, 2009
cross browser, javascript / No Comments

分享给你的朋友->bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark

<script type=”text/javascript”>// <![CDATA[
function addBookmark( o) {
var url = o.href;
var title = o.title;
var isSafari = navigator.userAgent.toLowerCase().indexOf(‘webkit’)!=-1;
if(document.all){ //IE
window.external.AddFavorite(url, title);
} else if(isSafari){
alert(‘please press ctrl + D to bookmark’);//只有safari不能用javascript添加
o.href=”#bookmark”;
}
}
// ]]></script><a title=”bowerpower” onclick=”addBookmark(this);” rel=”sidebar” href=” http://www.bowerpower.cn “>收藏此链接</a>

Continue reading…

IE javascript debugger,microsoft script debugger

Posted by bower on July 03, 2009
cross browser, javascript / No Comments

分享给你的朋友->bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark

Download page:
http://www.microsoft.com/downloads/details.aspx?displaylang=zh-cn&FamilyID=E606E71F-BA7F-471E-A57D-F2216D81EC3D
Down&Install for XP: http://download.microsoft.com/download/winscript56/Install/1.0/W9XMe/CN/scd10chs.exe
打开IE的调试( Internet 选项->高级->(禁用脚本调试(IE) 和 禁用脚本调试(其他)) 去掉前面的勾) 用IE打开一个有js错误的页面,应该会弹出javascript debugger调试器,否则参看: http://support.microsoft.com/kb/284973/zh-cn 我的解决办法: 下载 http://download.microsoft.com/download/vinterdev60pro/debug/1/w98nt42kme /en-us/msscrdbg.exe解压至某目录,用编辑器打开解压出来的.reg文件,修改里面的安装script debugger的地址,双击导入,重启IE->OK

Tags:

html 中显示制表符 tab, 用javascript输出 tab html制表符

Posted by bower on July 03, 2009
cross browser, javascript / No Comments

分享给你的朋友->bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark

html 中显示制表符 tab char, 很多人都在问怎么在html中显示制表符tab ,怎么用javascript输出 tab 制表符,

Continue reading…

Tags:

分享到开心001,代码格式

Posted by bower on June 29, 2009
cross browser, javascript / No Comments

分享给你的朋友->bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark

很简单的一个链接,格式如下:

http://www.kaixin001.com/repaste/share.php?rtitle=bowerpower&rurl=http://www.bowerpower.cn&rcontent=nice blog

document.getElementsByName 在IE与firefox表现不一,解决办法

Posted by bower on June 23, 2009
cross browser / No Comments

分享给你的朋友->bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark

document.getElementsByName 在IE与firefox表现不一,在firefox中会返回相同name的元素列表,而在IE中返回相同ID的元素列表。

Continue reading…

用CSS做圆角 IE8也不支持CSS圆角

Posted by bower on June 16, 2009
cross browser / No Comments

分享给你的朋友->bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark

之前听说IE8支持CSS3 大喜过望,没想到只是部分支持,零零碎碎的支持几个CSS3的属性, CSS圆角还是不支持
firefox , safari, chrome opera, 及khtml和webkit内核的浏览器都支持CSS圆角
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;

Continue reading…

Tags: