6
Mar.2007
直接在CSS文件中控制输入框input样式,鼠标悬停交互效果(仅IE有效)。不但实现了内容与表现分离,而且使xhtml代码减小,促进了代码重用、更加的优化。演示见本站输入表单(如评论、注册、登入表单)。
这一方法的原理,主要是应用CSS的expression,IE5及其以后版本支持在CSS中使用expression,用来把CSS属性和Javascript脚本关联起来,这里的CSS属性可以是元素固有的属性,也可以是自定义属性。就是说CSS属性后面可以是一段Javascript表达式,CSS属性的值等于Javascript表达式计算的结果。 在表达式中可以直接引用元素自身的属性和方法,也可以使用其他浏览器对象。这个表达式就好像是在这个元素的一个成员函数中一样。说简单点就是:我们可以通过expression把Javascript脚本写放在css文件中,通过它来实现一些很方便的功能与效果。
这一方法的原理,主要是应用CSS的expression,IE5及其以后版本支持在CSS中使用expression,用来把CSS属性和Javascript脚本关联起来,这里的CSS属性可以是元素固有的属性,也可以是自定义属性。就是说CSS属性后面可以是一段Javascript表达式,CSS属性的值等于Javascript表达式计算的结果。 在表达式中可以直接引用元素自身的属性和方法,也可以使用其他浏览器对象。这个表达式就好像是在这个元素的一个成员函数中一样。说简单点就是:我们可以通过expression把Javascript脚本写放在css文件中,通过它来实现一些很方便的功能与效果。
6
Jan.2007
壹直想美化下bo-blog的日志内的图片效果,因为以前版本不能为日志内插图片使用单独的标签,导至在CSS中加入图片边框效果使整个站点的图片都加上了边框,严重影响了页面的布局。在2.0.3这一个版本中,这个功能被得到支持,下面讲讲如何像本站一样给日志内插的图片有一个近似于邮票边缘的效果,其方法很简单,利用CSS的的滤镜效果就可了,好了,开始操作吧:
1
Dec.2006
现在我大部分都是用!important来hack,对于ie6和firefox测试可以正常显示,但是ie7对!important可以正确解释,会导致页面没按要求显示!搜索了一下,找到一个针对IE7不错的hack方式就是使用“*+html”,现在用IE7浏览一下,应该没有问题了。
现在写一个CSS可以这样:
现在写一个CSS可以这样:
12
Jun.2006
日记本风格两款发布了。希望朋友们多多支持,这两款已经完美支持FireFox了。
这次的改动较大,请一定用风格提供的CSS来用,不要用其它风格的CSS来套用,否则会出现错位。切记!
有些朋友说在关闭侧栏的时候,日志标题背景显示不完整,这是因为背景图片采用了圆角,如果要显示完整那么打开侧栏的时候就只能显示一部份,请谅解!如果你一定要完整显示,请将背景图长度改为820px。
这次的改动较大,请一定用风格提供的CSS来用,不要用其它风格的CSS来套用,否则会出现错位。切记!
有些朋友说在关闭侧栏的时候,日志标题背景显示不完整,这是因为背景图片采用了圆角,如果要显示完整那么打开侧栏的时候就只能显示一部份,请谅解!如果你一定要完整显示,请将背景图长度改为820px。



















