随笔分类 -  H4C2

摘要:~~~不时会看到 用htc实现 hover, border-raius等效果,可以用来弥补IE6-8的不足。那么htc到底是什么呢? 1.摘要 本文在实例的基础上讨论了HTC(HTML Component)的编程方法,提出了一种编写脚本组件的基本模式。2.引言 HTC(HTML Component) 阅读全文
posted @ 2014-04-14 10:38 stephenykk 阅读(537) 评论(0) 推荐(1)
摘要:标准参考 元素的包含块 W3C CSS2.1 规范中规定,绝对定位元素的包含块(containing block),由离它最近的 position 特性值是 "absolute"、"fixed"、"relative" 之一的祖先元素组成;如果这个祖先元素不存在,则包含块由根元素组成。 绝对定位元素的 阅读全文
posted @ 2014-03-20 16:55 stephenykk 阅读(393) 评论(0) 推荐(0)
摘要:Yahoo!的 Exceptional Performance团队为改善 Web性能带来最佳实践。他们为此进行了一系列的实验、开发了各种工具、写了大量的文章和博客并在各种会议上参与探讨。最佳实践的核心就是旨在提高网站性能。原版猛戳:Best Practices for Speeding Up You 阅读全文
posted @ 2014-03-08 09:44 stephenykk 阅读(221) 评论(0) 推荐(0)
摘要:断断续续的在开发过程中收集了好多的bug以及其解决的办法,都在这个文章里面记录下来了!希望以后解决类似问题的时候能够快速解决,也希望大家能在留言里面跟进自己发现的ie6 7 8bug和解决办法!1:li边距“无故”增加 任何事情都是有原因的,li边距也不例外。 先描述一下具体状况:有些时候li边距会 阅读全文
posted @ 2014-03-03 13:37 stephenykk 阅读(494) 评论(0) 推荐(0)
摘要:1、在IE、FF中测试,只在IE出现文字溢出现象。说明:注释造成文字溢出是IE的BUG。2、去除<div style="float:left"></div> 中的“float:left;”,你会发现多出来的“猪”字不见了,页面正常显示。 3、同样去除 <div style="float:right; 阅读全文
posted @ 2014-03-03 13:23 stephenykk 阅读(399) 评论(0) 推荐(0)
摘要:X-UA-Compatible是神马? X-UA-Compatible是IE8的一个专有<meta>属性,它告诉IE8采用何种IE版本去渲染网页,在html的<head>标签中使用。可以在微软官方文档中取更多介绍。 为什么要用X-UA-Compatible? 在IE8刚推出的时候,很多网页由于重构的 阅读全文
posted @ 2014-02-25 10:06 stephenykk 阅读(555) 评论(0) 推荐(0)
摘要:环境 xp ie 8 , ietester 1. 类选择器 .important{color:blue;} .important.iterm{border:1px solid red;} ~~所有浏览器都支持类选择器,但多类选择器(.className1.className2)不被ie6支持。 阅读全文
posted @ 2014-02-21 15:40 stephenykk 阅读(589) 评论(0) 推荐(0)
摘要:在如今这个提倡可用性设计以及用户体验设计的网络时代,CSS也是要一同参与其中的。大部分人在CSS代码编写中总是先对整体定义字体尺寸,中文情况下一般为12px,而其实这样以来在通过IE顶部菜单中的“察看-文字大小”设置已无任何作用。对字体感觉太小的浏览者而言无疑是种很不好的用户体验过程。其实这一切都可 阅读全文
posted @ 2014-01-13 23:04 stephenykk 阅读(712) 评论(0) 推荐(0)
摘要:利用 CSS 来实现对象的垂直居中有许多不同的方法,比较难的是选择那个正确的方法。我下面说明一下我看到的好的方法和怎么来创建一个好的居中网站。 用 CSS 实现垂直居中并不容易。有些方法在一些浏览器中无效。下面我们看一下使对象垂直集中的5种不同方法,以及它们各自的优缺点。(可以看看测试页面,有简短解 阅读全文
posted @ 2014-01-10 14:37 stephenykk 阅读(247) 评论(0) 推荐(0)
摘要:CSS3中新增了resize缩放属性,这个属性可以应用到任意元素。目前只有Webkit内核的浏览器才支持这个css3属性,即Google chrome和Apple safari都支持。而textarea标签中,Webkit内核的浏览器会默认resize的值为both,即用户可以调节元素的宽度和高度。 阅读全文
posted @ 2014-01-10 10:43 stephenykk 阅读(20092) 评论(0) 推荐(0)
摘要:通过条件注释给html开始标签定义不同的class, 来区分不同版本的IE,可以在样式表中避免 样式属性hack (如 _margin-top, *float:none ) 注意: IE10+不支持条件注释 <!doctype html> <!--[if lt IE 7 ]> <html class 阅读全文
posted @ 2013-12-18 17:17 stephenykk 阅读(406) 评论(0) 推荐(0)
摘要:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.or 阅读全文
posted @ 2013-12-03 19:09 stephenykk 阅读(1201) 评论(0) 推荐(0)
摘要:把以下代码copy到地址栏按回车,等加载完毕之后(受网速限制,有时候等待会久一点,如果很久都无法加载,重试几次就ok了),就会显示firebug lite的窗口,这样不用更改页面任何东西,任何地方轻松使用Firebug Lite。 Javascript代码 javascript:function a 阅读全文
posted @ 2013-10-12 00:35 stephenykk 阅读(615) 评论(0) 推荐(0)
摘要:我是一个很少使用IE滤镜,也是一个不赞成使用IE滤镜的前端工程师。不过今天有一个朋友给我发来了一个有关于IE6的BUG,就是在IE6中使用了AlphaPNG透明的IE滤镜之后,a链接不能够点击。具体情况是这样的:在IE6下使用DXImageTransform.Microsoft.AlphaImage 阅读全文
posted @ 2013-09-05 10:05 stephenykk 阅读(568) 评论(0) 推荐(0)
摘要:CSS中的行为——expression (ie only) 最近对CSS中的行为比较感兴趣,虽然是不符合标准的也只有ie才能识别,但是他确实给css的功能扩展了不少。下面是摘自互联网上的文字和例子,因为都被转烂了,没法注明出处。 IE5及其以后版本支持在CSS中使用expression,用来把CSS 阅读全文
posted @ 2013-08-23 11:55 stephenykk 阅读(849) 评论(0) 推荐(0)
摘要:ie6并不支持position:fixed, ie7+都支持fixed定位, ie6固定定位实现方法1: ie6固定定位实现方法2:(推荐这个相对简单的方法) 先看看原理: 本文向大家简单介绍一下解决IE6下position:fixed问题方法,造成这个问题的原因是fixed元素的绝对位置是相对于H 阅读全文
posted @ 2013-08-23 10:24 stephenykk 阅读(330) 评论(0) 推荐(0)
摘要:本文列举了兼容 IE 和 FF 的换行 CSS 推荐样式,详细介绍了word-wrap同word-break的区别。 兼容 IE 和 FF 的换行 CSS 推荐样式 最好的方式是 而不是 也不是 在 IE 下没有任何问题,在 FF 下,长串英文会被遮住超出的内容。 word-wrap同word-br 阅读全文
posted @ 2013-08-15 14:55 stephenykk 阅读(252) 评论(0) 推荐(0)
摘要:作为前端或网页开发者而言,在IE6上做CSS调试在之前简直是一个噩梦。作为前端或网页开发者而言,但这又是无法回避的事情。某日从红茶那边听说了Firebug Lite这个好东西,可以在不装插件的情况下,自由的对IE各个版本添加DOM、CSS调试功能。这对被IE6折磨的人而言,绝对是好消息。 Fireb 阅读全文
posted @ 2013-08-13 11:23 stephenykk 阅读(440) 评论(0) 推荐(0)
摘要:if(!document.all){//textContent->text Element.prototype.__defineGetter__('text',function(){return this.textContent undefined?this.text:this.nodeType?t 阅读全文
posted @ 2013-07-29 11:34 stephenykk 阅读(778) 评论(0) 推荐(0)
摘要:今天测试代码时,发现不少IE可以运行的ajax,但在FF中报错。IE和Firefox(火狐)在JavaScript方面的不兼容及统一方法总结如下: 1.兼容firefox的 outerHTML,FF中没有outerHtml的方法。 ~~~ HTMLElement.prototype.__define 阅读全文
posted @ 2013-07-04 09:43 stephenykk 阅读(342) 评论(0) 推荐(0)