PJHome新风格上线

 

经过三天放假时间,把PJHome的首页的样式进行了一次彻底的改版。之前就打算尝试用CSS3来做一个新的主页,现在总算完成了。

新版主页,设计出过两版,因为家里的显示器差异问题,第一版被我否决了。原因是不同显示器上差异太大(眼睛被欺骗了)。

在这个版本的风格中,样式的编写是基于Chrome的环境下编写的。所以这个风格也只有在safari和chrome下能还原完整的效果。firefox和IE8其次,Opera下还有一些小问题,不过问题不大。 IE7和IE6细节上的差异就很多。本来打算放弃IE6的,不过当我调整好IE7后,又不忍心hack了一下IE6至少算能看了,但是不支持IE6的决心没变。

 

查看更多...

Tags: css3 style theme pjhome

分类:Diary | 固定链接 | 评论: 57 | 引用: 0 | 查看次数: 5909

Gmail 可以更换皮肤了

200811201341.jpgGoogle 终于走出了他经典的蓝白风格,也意识到,单纯的风格不能满足大众的需求, Gmail 现在也可以可以换皮肤了,一口气提供了30款风格.

注意:这次google把ie6彻底鄙视了一把~~,只有非IE6浏览器能够享用这个特性


200811201343.jpg

查看更多...

Tags: Google GMail Mail style

分类:Resource | 固定链接 | 评论: 25 | 引用: 0 | 查看次数: 2678

使用innerHTML插入样式

今天和晓晓同学遇到了一个问题,我们需要把一段包含 <style> 的html插入到一个dom里面
结果发现

IE对这里的顺序要严格要求。必须先插入html内容然后再插入<style>样式才生效例如

<DIV ID="test"></DIV>
<SCRIPT LANGUAGE="JavaScript">
      document.getElementById("test").innerHTML = "<b>hello!World!!!</b>";
      document.getElementById("test").innerHTML += "<style>b{color:#f00}</style>";
</SCRIPT>

这样test这个div 里就会出现一个红色的 hello!World! 但是如果把<style>放到<b>前头,就被IE无视了。但是FF对这种方式支持得比较好。

当然这样的方式非不得已的情况下,还是不推荐使用,呵呵。

Tags: style

分类:Javascript | 固定链接 | 评论: 19 | 引用: 0 | 查看次数: 16651