HTML/JS/CSS
文章平均质量分 63
iteye_20411
这个作者很懒,什么都没留下…
展开
-
解决IE6 PNG不透明问题
在head中加入以下代码<!--[if IE 6]><script src="js/DD_belatedPNG_0.0.8a-min.js"></script><script> DD_belatedPNG.fix('div,button,a,i,em,h1,h2,h3,h4,h5,form,img,input,li,td,span...原创 2015-06-24 16:44:19 · 86 阅读 · 0 评论 -
JS性能优化
下面是一些关于客户端JS性能的一些优化的小技巧:1.[顶]关于JS的循环,循环是一种常用的流程控制。JS提供了三种循环:for(;;)、while()、for(in)。在这三种循环中 for(in)的效率最差,因为它需要查询Hash键,因此应尽量少用for(in)循环,for(;;)、while()循环的性能基本持平。当然,推 荐使用for循环,如果循环变量递增或递减,不要单独对循环变量赋值...原创 2015-09-07 17:55:04 · 81 阅读 · 0 评论 -
使用CSS将图片转换成黑白(灰色、置灰)
CSS3 greyscale 滤镜实现 .gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grays...原创 2015-08-17 12:11:38 · 115 阅读 · 0 评论 -
兼容浏览器的min-height和min-width
min-height和min-width这两个最小高度和最小宽度的容器属性相信大家并不陌生。先说说min-height。这个看起来很容易。看下面试例:<div style="border:5px solid #f00;min-height:200px;width:300px;padding:12px;"> 最小高度</div> 运行图如下: 先别高...原创 2015-08-12 23:22:00 · 166 阅读 · 0 评论 -
解决IE6 position:fixed 固定定位问题
在 IE6 中实现 position:fixed; 的办法 _position:absolute; 中的 _ 符号只有 IE6 才能识别,目的是为了区分其他浏览器。 以下是代码片断: 使元素固定在浏览器的顶部: #top{ _position:absolute; _bottom:auto; _top:expression(eval(docum...原创 2015-08-12 14:59:08 · 130 阅读 · 0 评论 -
IE6超链接内联图片失效bug
<style type="text/css">a{ text-decoration:none;}a img{ /* 默认隐藏图片 */ display:none; border:none;}a:hover img{ /* 鼠标经过时,显示图片 */ display:inline;}</style></head>...原创 2015-07-15 15:43:21 · 132 阅读 · 0 评论 -
IE6、7下不显示前面小圆点bug
如果ul设置了width,在IE6、7测试就不显示列表小圆点了 <style type="text/css">ul{ width:100px;}</style></head><body><ul> <li>hello</li>原创 2015-07-15 15:31:24 · 128 阅读 · 0 评论 -
IE6,IE7,IE8,Firefox 兼容的css hack
如果你问一个前端工程师世界上最痛苦的事情是什么,十有八九都会回答浏览器差异。由于IE6的异常表现加上国内盗版XP系统的横行再加上XP默认绑定IE6人们一般不会去升级浏览器,导致浏览器的差异始终是前端工程师头疼的事情。CSS hack由于不同的浏览器, 比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等,对CSS的解析认识不一...原创 2015-06-26 16:51:06 · 167 阅读 · 0 评论 -
IE6的3像素bug解决方法
3像素bug是IE6的一个著名的bug,当浮动元素与非浮动元素相邻时,这个3像素的Bug就会出现。看下面这个左列浮动,右列不浮动的例子,css代码如下:#side { float: left; background:#99FF99; height: 300px; width: 120px;}#main { background: #99FFFF; height: 300px;} ...原创 2015-06-26 16:25:56 · 151 阅读 · 0 评论 -
清除浮动的各种方法总结
问题的提出:最简单的一种情形就是我们把一个小的、固定宽度的div元素(比如导航、引用等)和其他元素内容一起包含在一个大的div中。比如下面这段代码:<div id="outer"> <div id="inner"> <h2>A Column</h2> </div> <h1&原创 2015-06-24 17:13:26 · 66 阅读 · 0 评论 -
css sprites-简单实例
css sprites直译过来就是CSS精灵,但是这种翻译显然是不够的,其实就是通过将多个图片融合到一副图里面,然后通过CSS的一些技术布局到网页上。这样做的好处也是显而易见的,因为图片多的话,会增加http的请求,无疑促使了网站性能的减低,特别是图片特别多的网站,如果能用css sprites降低图片数量,带来的将是速度的提升。下面我们来用一个实例来理解css sprites。我们仅...原创 2015-06-24 17:02:19 · 135 阅读 · 0 评论 -
css sprites介绍
一、CSS Sprites简介通常被意译为“CSS图像拼合”或“CSS贴图定位”。CSS Sprites并不是一门新技术,目前它已经在网页开发中发展得较为成熟,CSS Sprites并不是什么金科玉律,但在很多情况下,它有着一定的优势,最重要的是它可以减轻服务器的负载,提高网页加载速度。CSS Sprites允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页...原创 2015-06-24 16:58:00 · 166 阅读 · 0 评论 -
JS中的prototype
JS中的prototype是JS中比较难理解的一个部分 本文基于下面几个知识点: 1 原型法设计模式在.Net中可以使用clone()来实现原型法原型法的主要思想是,现在有1个类A,我想要创建一个类B,这个类是以A为原型的,并且能进行扩展。我们称B的原型为A。 2 javascript的方法可以分为三类:a 类方法b 对象方法c 原型方法例子: ...原创 2015-06-24 16:51:21 · 69 阅读 · 0 评论 -
JavaScript跨域解决方法大全
跨域的定义:Javascript出于安全性考虑,同源策略机制对跨域访问做了限制。域仅仅是通过“URL的首部”字符串进行识别,“URL的首部”指window.location.protocol +window.location.host,也可以理解为“Domains, protocols and ports must match”。实际上,同源策略就是浏览器的一种保护机制,只要请求双方的URL协...原创 2016-01-23 18:29:13 · 108 阅读 · 0 评论