Leeiio Chaos Made.網頁 視覺/體驗 http://leeiio.me The world is golden. 关注前端，后台，电影，音乐，摄影，设计。我是个兴趣广泛滴人。 Wed, 08 Sep 2010 13:59:41 +0000 en hourly 1 http://wordpress.org/?v=3.0 !important大法 http://leeiio.me/important/ http://leeiio.me/important/#comments Fri, 21 Dec 2007 06:31:28 +0000 Leeiio http://www.guaniu.com/blog/2007/12/21/important.html ”等一些符号，如“~”、“`”、“background-color: blue; } 在FF中得到的是背景色红色，而在IE中得到的背景色是蓝色，根据样式重定义的规则，如果浏览器可以识别“>”，则应该得到的蓝色的背景，因此可以知道“>”只有IE可以识别。 这样，我们就可以把FF和IE的样式分离开。 本文地址:http://leeiio.me/important/截至您的阅读器抓取时已有评论 2 条,欢迎您也过来留下您的意见 !©Copyright 2007-2009 Leeiio Chaos Made http://Leeiio.me本站更換RSS地址：http://feed.leeiio.me，麻煩大家更新下，謝謝！ 声明: 本站遵循 署名-非商业性使用-相同方式共享 3.0 共享协议. 转载请注明转自 Leeiio.me 兩個小消遣。 (0)論壇新風格搞定！ (2)IE7滾動條無法滾動的問題解決。 (7)]]> IE6的對css標準化的支持的不盡人意總叫人十分的惱火，比如我今天幫別人做blog的模板的時候，在FF下明明顯示好好的，可是跑到IE6下一看，嚴重錯位。怪自己平時對web標準化修煉不夠，解決不了。第一感覺是想到了IE hack的if語句，可是這樣的話就意味著要重新建立一個.css文件，這可不好，有沒有辦法在同一個.css文件里面定義樣式來區別FF和IE6呢？這時候搜索到了!important語句。我發現
#div{
background-color: red !important;
background-color: blue;
}

以上的定義在IE6中背景色變成了藍色而不是紅色，而在FF下是紅色。看來這個!important能解決我的問題。繼續搜索了下!important的作用，原來!important声明在IE6中并不是绝对的，它会被之后的同名属性定义所替换。也就是说在上面的例子中，IE6所应用的是最后一个背景色的值，即“blue”；而在FF中背景色的值为“red”。
还有一种方法，就是IE浏览器可以识别“>”等一些符号，如“~”、“`”、“<”等，都只有IE可以识别，但是不合理，!important是符合标准的。所以
#div{
background-color: red;
>background-color: blue;
}
在FF中得到的是背景色红色，而在IE中得到的背景色是蓝色，根据样式重定义的规则，如果浏览器可以识别“>”，则应该得到的蓝色的背景，因此可以知道“>”只有IE可以识别。

这样，我们就可以把FF和IE的样式分离开。

本文地址:http://leeiio.me/important/

截至您的阅读器抓取时已有评论 2 条,欢迎您也过来留下您的意见 !
©Copyright 2007-2009 Leeiio Chaos Made http://Leeiio.me
本站更換RSS地址：http://feed.leeiio.me，麻煩大家更新下，謝謝！

声明: 本站遵循 署名-非商业性使用-相同方式共享 3.0 共享协议. 转载请注明转自 Leeiio.me

]]> http://leeiio.me/important/feed/ 2 兩個小消遣。 http://leeiio.me/two_little_distractions/ http://leeiio.me/two_little_distractions/#comments Sun, 19 Aug 2007 10:09:05 +0000 Leeiio http://www.guaniu.com/one/index.php/2007/08/19/two_little_distractions/ earsaylogo.jpg

哈哈，做著玩的，希望大家捧場啊。
分別訪問http://www.guaniu.com/music和http://www.guaniu.com/lily


earsay.jpg

music.png

本文地址:http://leeiio.me/two_little_distractions/

截至您的阅读器抓取时还没有评论.想抢沙发?那得赶快呀
©Copyright 2007-2009 Leeiio Chaos Made http://Leeiio.me
本站更換RSS地址：http://feed.leeiio.me，麻煩大家更新下，謝謝！

声明: 本站遵循 署名-非商业性使用-相同方式共享 3.0 共享协议. 转载请注明转自 Leeiio.me

]]> http://leeiio.me/two_little_distractions/feed/ 0 論壇新風格搞定！ http://leeiio.me/bbs_street_v2/ http://leeiio.me/bbs_street_v2/#comments Wed, 25 Jul 2007 12:32:47 +0000 Leeiio http://www.guaniu.com/one/index.php/2007/07/25/bbs_street_v2/ 點擊查看大圖

花了兩天多的時間終于完成了這個風格，相比以前的水彩淡色系這個看起來更穩重點呵呵，基本完成，個別細節還為處理到，特別是還未解決在FF下顯示效果和IE不一樣的問題。
請訪問http://www.guaniu.com/bbs 進入論壇。

本文地址:http://leeiio.me/bbs_street_v2/

截至您的阅读器抓取时已有评论 2 条,欢迎您也过来留下您的意见 !
©Copyright 2007-2009 Leeiio Chaos Made http://Leeiio.me
本站更換RSS地址：http://feed.leeiio.me，麻煩大家更新下，謝謝！

声明: 本站遵循 署名-非商业性使用-相同方式共享 3.0 共享协议. 转载请注明转自 Leeiio.me

]]> http://leeiio.me/bbs_street_v2/feed/ 2 IE7滾動條無法滾動的問題解決。 http://leeiio.me/ie7_scroll/ http://leeiio.me/ie7_scroll/#comments Wed, 13 Jun 2007 12:16:28 +0000 Leeiio http://www.guaniu.com/one/index.php/2007/06/13/ie7_scroll/ 我的幸福大街論壇進來升級成了phpwind 5.3，這個版本的其中一個優勢就是設計模板開始遵循WEB標準，這點很好。但是升級后就有很多用戶反映滾動條無法滾動，出現這個問題的是IE7用戶，著實讓我郁悶了。
我檢查了下自己的代碼，在CSS設置中有這么一段
Body
{
overflow-x:hidden;
} ，一開始我以為這個應該無關緊要，以為這個只對IE6有效，因為以前的網頁是html 4.0版的，現在的網頁頭部聲明如果是符合WEB標準的話應該都是xhtml 1.0版本的，而且IE7相比IE6的優勢是它更加遵循WEB標準，所以它應該是不以BODY為容器的，于是我馬上刪除了overflow-x:hidden;問題就解決了。

題外話：
本來我想實現的效果是不顯示橫向滾動條，所以在CSS里加上
Body
{
overflow-x:hidden;
}但是在现在的标准下”http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”下面，上面的代码不产生任何效果，因为现在不是以Body作为容器，而是html标签，所以
加入：
HTML
{
overflow-x:hidden;
}，但是这样做了以后，在IE7下，鼠标滚轮上下滚动不起作用了（前面我已經說了就算加在body{}中也是會有這樣的狀況），IE6下却是正常的。網上搜索了很多文章，終于給我找到了，原來是要多加上一行代码，也就是對Y軸也就是豎向滾動條的定義，看來IE7沒有firefox那樣對豎向滾動條進行默認自動的設定，唉，有這個問題的只要按照下面修改就可以了。
HTML
{
overflow-x:hidden;
overflow-y:auto;
}
或者直接去掉overflow-x:hidden;這個，如果你的頁面本身就不會產生橫向滾動條的話。

本文地址:http://leeiio.me/ie7_scroll/

截至您的阅读器抓取时已有评论 7 条,欢迎您也过来留下您的意见 !
©Copyright 2007-2009 Leeiio Chaos Made http://Leeiio.me
本站更換RSS地址：http://feed.leeiio.me，麻煩大家更新下，謝謝！

声明: 本站遵循 署名-非商业性使用-相同方式共享 3.0 共享协议. 转载请注明转自 Leeiio.me

]]> http://leeiio.me/ie7_scroll/feed/ 7