文章分类 - HTMLCSS经验浏览器兼容
摘要：一.首先编写注册表并导入 例如：F1.reg Windows Registry Editor Version 5.00[HKEY_CLASSES_ROOT\myapp]@="URL:myapp Protocol Handler""URL Protocol"="" [HKEY_CLASSES_ROOT
阅读全文
摘要：meta基础知识H5页面窗口自动调整到设备宽度，并禁止用户缩放页面忽略将页面中的数字识别为电话号码忽略Android平台中对邮箱地址的识别当网站添加到主屏幕快速启动方式，可隐藏地址栏，仅针对ios的safari将网站添加到主屏幕快速启动方式，仅针对ios的safari顶端状态条的样式viewport...
阅读全文
摘要：整个WPO其实是对浏览器(browser)的加载(load)和解析(parse)过程中的一些消耗行为进行优化, 而load和parse在整个浏览器工作过程中又互相纠结互相作用.在这篇文字中讨论的更多是FE们能够伸手处理或者通过达成共识的方法来进行快速推动Tech们协助的一些事情.OK, 我们慢慢把浏...
阅读全文
摘要：情况：在button标签里嵌套a标签,代码如下：连接文字浏览器表现：chrome浏览器绑定a标签事件没有问题IE和firefox浏览器绑定a标签不能触发事件建议：button标签里不要嵌入a标签。
阅读全文
摘要：a{ blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ }a:focus{ -moz-outline-style: none; /* FF */ }
阅读全文
摘要：禁止textarea拉伸的方法是设置这个 style="resize:none" 属性
阅读全文
摘要：IE6.demo{_color:#F00}IE7* + .demo{color:#F00}IE7以下.demo{*color:#090;/* For IE7- */} .demo{+color:#090;/* For IE7- */} .demo{#color:#090;/* For IE7- */...
阅读全文
摘要：总结：邬畏畏对于初学者来说，CSS很好用，但CSS也是经过精心设计的，可能大家在设计页面是用了大量的样式，样式多了有的时候发现样式一个样式不起作用，其实是样式有重复，在重复的情况下我们就要了解样式的优先级。样式类型权重标签选择器1类选择器10ID选择器100权重值大的样式优先应用到HTML元素上，如果用了“ ！important ” 那么有优先级最高。权重值可以累加，比如 ： div .title{...} 权重值是1+10看下面示例：给个梵蒂冈最终h1的颜色是：color:green-------------------------------------------给个梵蒂冈最终h1的颜色
阅读全文
摘要：在FF、chrome和IE8以上下获取OffsetLeft与OffsetTop是正确的，在IE7下offsetLeft和offsetTop 属性不对解决方法如下：把要获取OffsetLeft与OffsetTop的元素的 position 样式设成 relative 就可以了。
阅读全文
摘要：link使用小技巧：只有火狐浏览器支持*.gif格式（gif的大小事16*16）
阅读全文
摘要：代码：<a target=blank href=http://wpa.qq.com/msgrd?V=1&Uin=您的QQ号码&Site=您的博客网址&Menu=yes><img border="0" SRC=http://wpa.qq.com/pa?p=1:您的QQ号码:13 alt="点击这里给我发消息"></a> </body>
阅读全文
摘要：ul{padding:0px; margin:0px; list-style:none;}li{line-height:21px;white-space:nowrap;/*设置不折行*/ text-overflow:ellipsis;/*这就是省略号喽*/ -o-text-overflow:ellipsis;/*兼容opera*/ overflow: hidden;/*设置超过的隐藏*/; width:213px;}<ul><li>·<a href="#">测试信息测试信息测试信息测试信息测</a></li&g
阅读全文
摘要：在css2中使用!important使所需的样式优先采用。例如：#im{color:#F00 !important; color:#00F;}<DIV id="im">此颜色是红色不是蓝色</DIV>
阅读全文
摘要：因为浏览器的不同，经常要用到CSS中的HACK来区别而达到相同的目的。其实有时不一定就要用CSS啲，用HTML中的IF也能完成。首先必须要将其写入注释格式<!-- -->中,然后......<!--[if !IE]>除IE外都可识别<![endif]--><!--[if IE]> 所有的IE可识别 <![endif]--><!--[if IE 5.0]> 只有IE5.0可以识别 <![endif]--><!--[if IE 5]> 仅IE5.0与IE5.5可以识别 <![endif]-->
阅读全文
摘要：标签中的X-UA-Compatible，是针对IE8的一个设置，只有IE8可以识别。由于IE8还在测试阶段，浏览制作好的页面时经常出现错位，添加了此设置就可以让IE8浏览器使用IE7标准模式渲染网页。不过这种做法仅限于强制IE8浏览器按IE7模式显示网站，失去了调试IE8浏览器的意义。除此之外，X-UA-Compatibl声明还有一些其它内容，比如：1.<meta http-equiv="X-UA-Compatible" content="IE=5" />Windows Internet Explorer 5 显示内容的方式很相似。2.<
阅读全文
摘要：为了兼容IE浏览器，我们需要使用CSS hack。对于IE6：我们需要在样式属性前面加上“_”下划线。对于IE7：我们需要在样式属性前面加上“+”。如果要想兼容IE6和IE7：我们需要在样式属性前面加上“*”。例如：.box{postion:absolute;top:10px;*top:20px;_top:15px;}这样在webkit或非IE的浏览器会读取top，IE6则能读取_top，IE7则能读取*top。注意：“_”、“+”和“*”，需要险些*的属性，在写“_”的属性，【因为IE7即能识别*也能识别_，IE6只能识别_】。IE6_property: valueIE7+property:
阅读全文
摘要：处理方法把Flash的wmode设置为transparent，即可让flash在层的下方。代码如下：<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="745" height="140"> <param name="
阅读全文
摘要：在form里有一个不太常见的属性：accept-charset，用它可以完成我们的需求。 在GBK编码的页面里编写如下代码： <form method="post" action="..." accept-charset="utf-8"> ... </form> 如此的代码在Firefox等正常的浏览器下没有任何问题，但是遇到IE这个变态浏览器就不灵光了，可以使用js来Hack一下： <form method="post" action="..." accept-c
阅读全文
浙公网安备 33010602011771号