CSSforIE6IE7FF兼容基本方案.doc

CSS for IE6,IE7,FF兼容基本方案滤镜效果IE和FF方法。filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;检测表单中Radio元素function radio_value(name)var obj = document.getElementsByName(name); for(i=0;iobj.length;i+) if(obji.checked) return obji.value;选择卡JS控制代码function setTab(name,cursel,n)for(i=1;i=n;i+) var menu=document.getElementById(name+i); var con=document.getElementById(con_+name+_+i); menu.className=i=cursel?now:; con.style.display=i=cursel?block:none;A标签加rel=sidebar能实现FF兼容去除a button 标签点击时的虚线方法1(批量处理): CSS样式：a blr:expression(this.onFocus=this.blur()方法2(单个处理): 去掉链接上的虚线框可以在链接里面加入onfocus=this.blur();就可以去掉虚线框了方法3(批量处理):写一个htc文件any.htc，和上一个html在同一个目录下： function Click() element.blur(); 再在CSS中加入如下代码:A behavior:url(any.htc); 用clear:both标签清除元素自己的浮动在IE7及以下浏览器，默认允许在自己元素的水平面上能有其它元素是浮动的。但火狐不允许该写法.火狐下或IE下要完成此布局直接设定clear标签清除其左边还是右边;target=_blank:在新窗口中浏览新的页面。 target=_self:在同一个窗口打开新的页面。 target=_parent:在父窗口中打开新的页面。（页面中使用框架才有用） target=_top :以整个浏览器作为窗口显示新页面。（突破了页面框架的限制）关于IE6不支持CSS2中非a标签:hover事件的BUG可用Jqurey弥补不足$(要变的标签).hover(function() $(this).css(background-color,#eee);,function()$(this).css(background-color,#fff););border-bottom:2px solid #708089;不错的边框色网页打开3秒后跳到百度让IE8按ie7风格执行网页firefox 页面缓存失效,在需要强制页面缓存失效的页面的Head节点中添加如下语句： *filter:gray;color:gray代码加入CSS将是网页内容变灰，不兼容FF 将下面代码加入之间将是Flash变灰 white-space:nowrap 标签 设置标签中文字内容不换行word-wrap:break-word 标签 设置标签中文字内容将在边界内换行text-overflow:clip | ellipsis 必须配合overflow:hidden 标签使用取值：clip： 不显示省略标记.而是简单的裁切.ellipsis： 当对象内文本溢出时显示省略标记.,此值不能用于FF. text-indent 标签FIREFOX不识别CSS for IE6,IE7,FF 兼容浅见全部浏览器识别 height: 100px;IE6 识别 _height: 100px;IE7 识别 *+height: 100px;IE6/IE7 识别 *height: 100px;IE7/FF 识别 height: 100px !important;兼容代码:兼容最推荐的模式。/* FF */.submitbutton float:left;width: 40px;height: 57px;margin-top: 24px;margin-right: 12px;/* IE6 */*html .submitbutton margin-top: 21px;/* IE7 */*+html .submitbutton margin-top: 21px;一般兼容写法:1, !important 随着IE7对!important的支持, !important 方法现在只针对IE7/FF的兼容代码:.wrapper width: 100px !important; /* IE7+FF */width: 80px; /* IE6 */一定要将width: 100px !important; /* IE7+FF */这句放置在另一句之上2, IE6/IE77对FF * +html 与 * html 是IE特有的标签, FF 暂不支持.而 * +html 又为IE7特有标签.代码:.wrapper width:120px; /* FireFox */* html .wrapper width:80px; /* ie6 fixed */* +html .wrapper width:60px; /* ie7 fixed 写法顺序 */sp: * +html 对IE7的兼容 必须保证HTML顶部有如下声明：浮动 float 闭合可以用这个解决多个div对齐间距问题将代码加入全局CSS中,再给需要闭合的div加上 class=”clearfix” 代码:/* Clear Fix */.clearfix:after content:.;display:block;height:0;clear:both;visibility:hidden;.clearfix display:inline-block;/* Hide from IE Mac */.clearfix display:block;/* End hide from IE Mac */* end of clearfix */ 兼容小补贴1, FF下可用 !important; 解决给 div 设置 padding 后导致的 width 和 height 增加( IE不会).2, 居中问题. (1).水平居中.将 line-height 设置为当前 div 相同的高度. (2).垂直居中. margin: 0 auto;特别状态下失效3, 若需给 a或内联标签内的内容设置样式, 设置其 display: block属性;4, FF 和 IE 对 BOX 理解的差异，导致设为 float的div在IE6下margin加倍等问题,解决方案是给div加上display:inline; . 例如： css: .floatfloat:left;margin:5px;/*IE下理解为10px*/ display:inline;/*IE下再理解为5px*/ 有多种途径 5, 作为外部 wrapper包装 的 div 不要定死高度, 最好还加上 overflow: hidden.以达到高度自适应.6, 手形光标. cursor: pointer. 而hand 只适用于 IE.7, DIV浮动IE6/IE7 文本产生3象素的BUG 左边对象浮动，右边采用外补丁的左边距来定位，右边对象内的文本会离左边有3px的间距. HTML_CODE: CSS_CODE .box float:left; width:800px; .left float:left; width:50%; .right width:50%; * html .left margin-right:-3px;/*补满*/-XHTML标签应用浅见在 CSS 定义中，a:hover 必须位于 a:link 和 a:visited 之后，这样才能生效！在 CSS 定义中，a:hover 必须位于a:active之前，这样 a:active 才能生效！1. meta 文件头声明2. http-equiv=”refresh” 表示网页要重新下载显示3. content=”time;URL” time 表示秒数，URL 网页显示内容 能让插入的元件透明，letter-spacing : normal | length 设置文字之间的间隔取值：normal : 默认值。默认间隔 length : 由浮点数字和单位标识符组成的长度值，允许为负值 text-transform 取值：none : 默认值。无转换发生 capitalize : 将每个单词的第一个字母转换成大写，其余无转换发生 uppercase : 转换成大写 lowercase : 转换成小写 white-space: nowrap在元素中禁止文本折行text-decoration: none取值：none : 默认值。无装饰 blink : 闪烁 underline : 下划线 line-through : 贯穿线 overline : 上划线 background-attachment:fixed 设置固定背景取值： scroll : 默认值。背景图像是随对象内容滚动 fixed : 背景图像固定 background-position : position | position 定位背景图像取值： 百分数 | 由浮点数字和单位标识符组成的长度值。 top | center | bottom | left | center | right float取值：none : 默认值。对象不飘浮 left : 文本流向对象的右边 right : 文本流向对象的左边 浮动对象的 display 属性将被忽略。clear : none | left | right | both 取值：none : 默认值。允许两边都可以有浮动对象 left : 不允许左边有浮动对象 right : 不允许右边有浮动对象 both : 不允许有浮动对象 Z-index :-1能降低元素的优先级，例如在一段文本和图片重合时，将图片放在文本下面元素可拥有负的 z-index 属性值。设置元素的堆叠顺序Z-index 仅能在定位元素上奏效（例如 position:absolute;）因为绝对定位的框与文档流无关，所以它们可以覆盖页面上的其它元素。可以通过设置 z-index 属性来控制这些框的堆放次序。IE 7.0以下的区块会根据文本的长短改变区块的高度，IE 7.0和以上的文本会溢出区块框，需要定义区块的高度来显示，（设置成AUTO会自适应文本长度）overflow取值：visible : 默认值。不剪切内容也不添加滚动条。假如显式声明此默认值，对象将以包含对象的 window 或 frame 的尺寸裁切。并且 clip 属性设置将失效 auto : 在必需时对象内容才会被裁切或显示滚动条 hidden : 不显示超过对象尺寸的内容 scroll : 总是显示滚动条 如果元素中的内容超出了给定的宽度和高度属性，overflow 属性可以确定是否显示滚动条等行为。overflow: hidden 还能解决IE6区块高度问题注意：IE6下默认的字体尺寸大致在 12 14px 之间，当你定义高度小于这个默认值的 div 的时候，该层的高度不会小于字体的行高。所以用 height:1px; 来定义了一个 div 的高度，在 IE 下显示的仍然是一个 12 px 左右高度的层。span包括文本不会换行style=text-decoration:none 定义没有下划线的超链接提示：仅仅有 16 种颜色名被 W3C 的 HTML4.0 标准所支持。它们是：aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow。三种背景颜色设置方式,颜色是由红色、绿色、蓝色混合而成。当所有颜色取相等的值时，灰色就可以被显示出来。提示：如果你打算使用背景图片，你需要紧记一下几点：背景图像是否增加了页面的加载时间。小贴士：图像文件不应超过 10k。背景图像是否与页面中的其他图象搭配良好。背景图像是否与页面中的文字颜色搭配良好。图像在页面中平铺后，看上去还可以吗？对文字的注意力被背景图像喧宾夺主了吗？gray色搭black是不错的搭配应该使用 %20 来替换单词之间的空格超链接中加 target 标签使页面在新窗口中打开邮件格式发送邮件！ %20表示单词中的空格 ?cc= 副本 &bcc= 密件副本 ?subject= 主旨 &body= 内容假如一个框架有可见边框，用户可以拖动边框来改变它的大小。为了避免这种情况发生，可以在 标签中加入：noresize=noresize。基本的注意事项 - 有用的提示：假如一个框架有可见边框，用户可以拖动边框来改变它的大小。为了避免这种情况发生，可以在 标签中加入：noresize=noresize。为不支持框架的浏览器添加 标签。不能将 标签与 标签同时使用！不过，假如你添加包含一段文本的 标签，就必须将这段文字嵌套于 标签内。bgsound src=”URL” 插入背景音乐，放在中-PHP中等号的应用，非常基础，但很重要！ 首先一个等号：是赋值的意思。比如$a=1; $a = cctv; 接下来，两个等号在一起：意思是宽松比较。例如a中存有数字3，那么a=3成立，a=3.0也成立。 最后是三个等号在一起：可不要人为是笔误哦它的意思是严格比较。他要求两者值与数据类型都要相同。例如a中存有数字3，那么a=3成立，a=3.0也成立，a=3成立，a=3.0不成立。运算符号:+ 加法运算 - 减法运算* 乘法运算 / 除法运算% 取余数 + 累加 - 累减1 . 把字串相加 设定运算= 把右边的值代入左边(一定要会)+= 把右边的值加到左边-= 把右边的值减到左边*= 把左边的值乘以右边/= 把左边的值除以右边.= 把右边的字串加到左边位员运算: & 且| 或 互斥(xor) 向右移位 取1的补数逻辑运算: 大于 = 大于等于!= 不等于 & 而且 | 或者 ! 不其他运算符号: $ 变数符号 & 变数的指标(加在变数前) 不显示错误信息(加在函数前)- 物件的方法或者属性= 阵列的元素值? : 三元运算php中如何用$_GET 方法获取相同参数第二个值?如 有 play.php?id=1&id=2&id=3请问如何获取第二个ID和第三个ID的值呢？获取第一个的我知道 $a=$_getid关键是第二个和第三个ID不变第二个ID不能用 ID2替代第三个不能用 ID3替代1.传递参数页面a.htmlni2.接收参数页面b.php?php $a=$_SERVERQUERY_STRING;/id=1&id=2&id=3 $ids=explode(&,$a);/此函数用来将字符串切割为数组 echo substr($ids0,3).; echo substr($ids1,3).; echo substr($ids2,3).;? 在B/S浏览器/服务器应用程序中，前台与后台的数据交互，都是通过HTML中Form表单完成的。Form提供了两种数据传输的方式get和post。虽然它们都是数据的提交方式，但是在实际传输时确有很大的不同，并且可能会对数据产生严重的影响。虽然为了方便的得到变量值，Web容器已经屏蔽了二者的一些差异，但是了解二者的差异在以后的编程也会很有帮助的。Form中的get和post方法，在数据传