居中是我们使用css来布局时常遇到的情况。使用css来进行居中时,有时一个属性就能搞定,有时则需要一定的技巧才能兼容到所有浏览器,本文就居中的一些常用方法做个简单的介绍。 注:本文所讲方法除了特别说明外,都是兼容IE6+、谷歌、火狐等主流浏览器的。 先来说几种简单的、人畜无害的居中方法 1. 把ma ...
分类:
Web程序 时间:
2018-01-07 15:57:26
阅读次数:
167
经过长时间的积累,整理了一堆以帮助更多的人~ jQuery的加载 1、我们经常用CDN来加载网页,我之前的文章中也多次提及,点击查看使用CDN的好处, <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery ...
分类:
Web程序 时间:
2018-01-06 14:08:47
阅读次数:
228
<!--[if lte IE 6]>……<![endif]--> Ite:less than or equal to意思是小于或等于IE6浏览器,用于IE浏览器的条件注释,常用于CSShack,针对IE的JS等。 在进行WEB标准网页的学习和应用过程中,网页对浏览器的兼容性是经常接触到的一个问题。其 ...
分类:
Web程序 时间:
2018-01-06 00:35:25
阅读次数:
233
margin是盒模型的外边距,padding是盒模型的内边距; 用margin时,最好给父级元素加上overflow:hidden;(溢出隐藏) 用padding时,最好给自身加上box-sizing:border-box;(固定边框) margin的bug: 1. IE6中浮动元素3px间隔Bug ...
分类:
其他好文 时间:
2018-01-03 22:44:27
阅读次数:
230
关于margin:在需要border外侧添加距离时。空白处不需要背景时。相连的两个部分的地方需要加外边的边距时使用。 关于padding:在需要border内侧添加距离时。空白处需要背景时。相连的两个部分的地方需要加内部的边距时使用。 IE6中双边距Bug: 发生场合:当给父元素内第一个浮动元素设置 ...
分类:
Web程序 时间:
2018-01-03 22:37:04
阅读次数:
271
一、常见浏览器兼容性问题 1.双倍浮动bug 描述:块状元素设置了float后,又设置了横向的margin,在IE6下显示的margin值要比设置的值大 解决方案: 给float的元素添加display:inline;将其转换为行内元素 2.表单元素行高不一致 解决方案: 方案一: 给表单元素添加 ...
分类:
其他好文 时间:
2018-01-02 23:20:56
阅读次数:
181
需求:点击页面的任何地方,图片跟随鼠标移动到点击位置思路:获取鼠标在页面中的位置,然后图片缓慢运动到鼠标点击的位置(兼容ie6,7做pageY和pageX) ...
分类:
Web程序 时间:
2018-01-02 16:45:08
阅读次数:
150
1. jquery 在iframe子页面获取父页面元素代码如下: $("#objid", parent.document) 2. jquery在父页面 获取iframe子页面的元素 代码如下: $("#objid",document.frames('iframename').document) 1、 ...
分类:
Web程序 时间:
2018-01-02 11:40:24
阅读次数:
215
代码解析 *border-top-style:expression(this.previousSibling==null?’none’:"solid’); 只有IE6和IE7能识别此行代码,第一个值’none’就是first-child的值,第二个值’solid’则是其他元素的值。 last-chi ...
分类:
其他好文 时间:
2017-12-28 18:25:23
阅读次数:
103