今天抽空在网上找找能解决PNG背景的透明的方法,确实找到很多,一个最简单的方法就是存为PNG8,这样IE6就能识别了,不过PNG8质量太差,不支持半透明。然后还有几种(我找到过两种)也能做做,不过只能在<img>中的图片,不支持CSS定义的。没办法,只好研究最先找到的DD_belatedPNG了,它的英文说明还真看不懂,只能上Google查,经过多次试验,这才成功使用。
在网上找了个Css做的条形图,可惜原代码中的图片丢失了,也不知原来是什么样的。我试着自己补上图片,并修改了一些CSS参数,想不到真是自己想要的方式。这段代码和图片只有在6%-96之间显示得完美,在其它范围就有些变形了,但对于我来说已经够了。
今天动用了FTP把网站升到V4.1,这个版本最大的变化就是增加了“GetRelatedArticle”函数,这也是我期待很久的功能了,马上在本地研究了一下,原来代码只需要加入Article_View.xsl就行,至于前面的申明,这个文件已经有啦。我高高兴兴加进去后,发现那个列表显示得很难看,看了汤汤的说明,这个生成的是<dl><dt>><dd>列表,我找了好几处,终于把这个列表样式搞好啦。你得在原样式中加入定义它们的代码,不然那一行一行的,就不美观了。下面是我的代码:
圆角一直是我喜欢的形状,不过在网页布局中,要实现圆角,却是不易,网上有用一张图片实现的,也有不用任何图片实现的,但这些代码所实现的效果,却只能单一的表现圆角,并不能发挥圆角更多的表现力。
这个代码用了四张图片,实现的效果与那个一张图片的差不多,但却更有潜力,甚至能加上一个arrow(当然,只能加在这四幅图片的某一幅上了),而且代码更有可读性,容易理解。原先我一直想着DIV,故做得太复杂了,且只能在Firefox中用。现在用了Span,就可以简单得多了,甚至还可以做成自适应宽度。现在可以看看,能不能把Grey也这样做,免得再用表格做布局。
从http://www.im04.com/看到这篇文章,这个代码真的很不错,特别是对我这种喜欢自适应主题的人来说,一转了过来了。原文还有net里截取的做法,那个我一不研究了,到是这个CSS还真不错……