让IE6支持max-width, max-height属性

max-width, min-width, max-height 和 min-heigh是CSS2的属性,它工作于IE7以及更高版本和或者Mozilla Firefox、Chrome等支持CSS2的浏览器,但不能与IE 6和更低版本IE浏览器兼容。

比较常用的解决方案是通过CSS表达式让IE6实现相同的效果。

例如:如果你有一个或多个图像,显示图像的高度和宽度应该有一些限制。即图像不应该有宽度超过500px(假设),高度不超过200px,那么图像的CSS应为如下:

img.thumb{
max-height:200px;
max-width:500px;
width:expression(document.body.clientWidth > 500? “500px”: “auto” );/*for ie6*/
height:expression(document.body.clientHeight > 200? “200px”: “auto” );/*for ie6*/
}

Read More

javascript修改className在firefox中无法加载新class的样式问题

在制作外语版的文章页的项目过程中,我们常常会遇到这样一个需求:每一篇文章的首个字母加粗并大写。这点在CSS中用:first-letter伪类即可实现。但是由于使用的是cms系统,内容部分代码后台动态生成,我们只知道包含内容的一个DIV的ID,假设这个DIV的ID为conBox,我采取了通过JS获取此div#conBox下面第一个p元素,并修改其class为first,为p.first:first-letter伪类添加样式.

Read More

HTML5中一些新的“form”元素属性

创建表单时,我们常常遇到的一个挑战是无法单独从它的父表单控制

元素,而诉诸一些奇怪的方法,形成控制与形式提交其数据。

如果你试图在HTML4或XHTML去去实现,你想从提交表单数据的其余部分一起孤立的控制数据,你必须实现一些花哨的javascript技巧,传递到提交的资料 - 其中有许多明显的缺陷。

Read More