自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(22)
  • 收藏
  • 关注

转载 IE 的 text-indent Bug

转自:http://www.mixfog.com/blog/2008/03/ie-text-indent-bug-inline-element.htm今天遇到的一个 Bug,主要表现为:当容器的第一个子元素为 inline 属性,并且为该子元素定义了 text-indent

2011-08-31 15:00:31 678

转载 按钮在IE中两边被拉伸的 BUG

点评:大家在写按钮(input、button)的时候会发现在 IE 下: 随着字数的增多,两边的间距也会越来越大。 在 WIN 的XP 风格下,当字数很多时,两边还会出现严重的锯齿。 到底是什么原因呢? 蓝色理想 原 WEB标准化专栏 的斑竹 zbm2001z 给出了一个答案

2011-08-31 14:58:28 267

转载 CSS实现完美垂直居中

之前看到很多人一直都问这个问题,不过当时我没当一回事,因为在 CSS 中要垂直居中,多数是在有高度的情况下,或者容器高度不定的情况下才用,看上去比较舒服,而且实现的方法也不少,不一定要拘泥于和 table 布局一样。不过最近有人问了几个例子,看来对此的需求还不少。现在就把我经验拿

2011-08-31 14:56:08 201

原创 分享一个不错的前端开发和网页设计站点,www.it356.com

分享一个不错的前端开发和网页设计站点,www.it356.com,主要是一些国外的资源

2011-08-15 20:09:14 549

转载 用navigator对象判断客户浏览器来自哪个国家

<!-- Beginif (navigator.browserLanguage.substr(0,2) == "af") document.write('Afrikaans')else if (navigator.browserLanguage.substr(0,2) ==

2011-08-12 22:58:00 1253

转载 推荐20个关于CSS3优秀学习资源

译者按:CSS2的出现让web顿时丰富起来,特别是web2.0时代CSS成为每个web页面都必不可少的元素。但是随着web技术的发展,CSS2已经不能满足web开发的需求,例如属性选择、AJAX出现后与JS的交互等,因此对下一代的CSS需求越来越明显。目前CSS3还处于草稿阶段,

2011-08-11 02:42:14 305

转载 学习HTML5不可错过的12家国外网站(组图)

HTML5是近十年来Web开发标准最巨大的飞跃。和以前的版本不同,HTML5并非仅仅用来表示Web内容,它的新使命是将 Web带入一个成熟的应用平台,在HTML5平台上,视频、音频、图象、动画以及同电脑的交互都被标准化。对于广大开发人员和设计者,究竟该如何入手 HTML5及获取相

2011-08-10 21:26:30 383

转载 jQuery中bind、live和delegate的区别

DOM树首先,可视化一个HMTL文档的DOM树是很有帮助的。一个简单的HTML页面看起来就像是这个样子:事件冒泡(又称事件传播)当我们点击一个链接时,其触发了链接元素的单击事件,该事件则引发任何我们已绑定到该元素的单击事件上的函数的执行。

2011-08-07 21:42:51 930 1

转载 完美的hr-兼容各个浏览器firefox,ie6,ie7

兼容浏览器的完美hr:height:1px;border:none;border-top:1px solid Black;margin:0;*margin:0 0 -14px 0;float:none;*float:left;display:block;1.hr元

2011-08-06 16:20:39 1222

转载 CSS图片垂直居中方法整理集合 !

利用字体大小的方法:* {margin:0;padding:0;}div {width:500px;text-align:center;border:1px solid #f00;line-height:500px;height:500px;font-si

2011-08-06 13:59:37 374

转载 图片垂直居中的使用技巧

“使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。”当然出题并不是随意,而是有其现实的原因,垂直居中是 淘宝 工作中最常遇到的一个问题,很有代表性。题目的难点在于两点:垂直居中;图片是个置换元素

2011-08-06 13:54:14 213

转载 vertical-align表单元素垂直对齐(4)

于是,尝试去掉radio的外边距,刷新后显示正常。(其实多选框checkbox也是有外边距的,只是它的外边距四个方向都有,并且相等,所以对于垂直对齐没有影响。)下图是一些常用表单元素的最终显示效果以及最终代码,大家可以用不同浏览器看一下实际的效果(注:由于演示使用的12px的中文

2011-08-06 11:36:10 340

转载 vertical-align表单元素垂直对齐(3)

经过以上折腾,我得出了跟wheatlee相同的结论,就是,各种浏览器之间对这个问题的处理貌似没有任何规律。并且,似乎每一种浏览器对于 vertical-align:middle的渲染都不是完全遵从W3C所说的“Align the vertical midpoint of the

2011-08-06 11:34:02 352

转载 vertical-align表单元素垂直对齐(2)

事实证明,FF3.5对于复选框和图片的垂直对齐方式是采用同样的规则进行渲染的,即将复选框当作一个正方形的图片(IE不是)。按照wheatlee“middle的时候,是该元素的中心对齐周围元素的中心”的观点,如果我在复选框后面输入英文字符,那么复选框的中心将与英文中小写字母x的中心

2011-08-06 11:30:26 382

转载 vertical-align表单元素垂直对齐

最近的项目涉及到很多表单的制作,特别是复选框(checkbox)和单选框(radio)。但是在前端开发过程中发现,单(复)选框和它们后面的提示文字在不进行任何设置的情况下,是无法对齐的,而且在Firefox和IE中相差甚大。即使设置了vertical-align:middle,也

2011-08-06 11:28:45 377

转载 jQuery实战之仿Flash跳动的按钮效果

下面是JQ的代码部分:$(function(){         //append img to LI         $("#nav-shadow li").append('width="60" height="32"  alt="" />');//这是阴影的图片

2011-08-04 21:08:51 643

转载 让Aptana Studio支持JQuery 1.3.1

Aptana Studio 是一个基于Eclipse的集成式Web开发环境,其最广为人知的就是它非常强悍的JavaScript 编辑器和调试器;而Jquery是一个非常流行的JavaScript库,它极大的简化了JavaScript的开发。所以,两者的有力结合,必能提高Web开发

2011-08-04 16:10:26 565

转载 Dreamweaver安装jquery插件

jquery学习笔记八:Dreamweaver安装jquery插件Dreamweaver 是建立Web站点和应用程序的专业工具。Dreamweaver 将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,使得各个层次的开发人员和设计人员都能够快速创建基于标准的网站和应用

2011-08-04 13:49:58 3030

转载 DD_belatedPNG图片缩放bug的解决方法

DD_belatedPNG是一个很不错的解决IE6不支持png透明的bug的一个非常棒的脚本,它是目前能够解决该问题的最好的脚本。但是最近我在使用的时候发现一个小bug,就是当使用<img />的时候,如果想要缩放这个图片(当然是png格式),比如原来是100px×100px

2011-08-01 17:25:52 796

转载 用jquery控制图片的最大宽度

$(document).ready(function() {      if ($("#smallpic").width()>680){        $("#smallpic").width(680) ;        }  });

2011-08-01 13:46:39 405

转载 css的pointer-events属性

今天在蓝色上无意中看到pointer-events属性,很好奇,以前还从未使用过这个属性,原来它的作用是:当一个元素覆盖在另一个元素上,而我们又想点击被覆盖的那个元素,这时这个属性就派上用场了。        pointer-events的默认属性为auto,如我们要想实现上

2011-08-01 09:43:03 521

转载 min-width、max-width、min-height、max-height在IE6下兼容的解决办法

/* 最小寬度 */.min_width{min-width:300px;/* sets max-width for IE */_width:expression(document.body.clientWidth 300 ? "300px" : "auto");

2011-08-01 09:40:25 3642 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除