常用的CSS BUG解決方法與技巧 收集貼

2021-08-30 14:44:57 字數 1154 閱讀 9773

一、 針對瀏覽器的選擇器

這些選擇器在你需要針對某款瀏覽器進行css設計時將非常有用.

ie6及其更低版本* html {}

ie7及其更低版本*:first-child+html {} * html {}

僅針對ie7*:first-child+html {}

ie7和當代瀏覽器html>body{}

僅當代瀏覽器(ie7不適用)html>/**/body{}

opera9及其更低版本html:first-child {}

safarihtml[xmlns*=""] body:last-child {}

要使用這些選擇器,請將它們放在樣式之前. 例如:

#content-box   

* html #content-box

ie8

二、最小寬度

ie6另外乙個bug就是它不支援 min-width 屬性. min-width又是相當有用的, 特別是對於彈性模板來說, 它們有乙個100%的寬度,min-width 可以告訴瀏覽器何時就不要再壓縮寬度了.

除ie6以外所有的瀏覽器你只需要乙個 min-width: xpx; 例如:

.container

.container
為了讓他在ie6下工作, 我們需要一些額外的工作. 開始的時候我們需要建立兩個div, 乙個包含另乙個:

content

content

然後你需要定義外層div的min-width屬性,

.container
這時該是ie hack大顯身手的時候了. 你需要包含如下的**:

* html .container 

* html .holder

最常用的12種CSS BUG解決方法與技巧

最常用的12種css bug解決方法與技巧 一 針對瀏覽器的選擇器 這些選擇器在你需要針對某款瀏覽器進行css設計時將非常有用.html ie7及其更低版本 first child html html 僅針對ie7 first child html ie7和當代瀏覽器 html body 僅當代瀏覽...

12種CSS BUG解決方法與技巧

css bug是布局中最頭疼的問題。我們需要兼顧各種瀏覽器,以期待獲得一致的效果。非常遺憾的是各廠商之間的競爭導致很多問題的存在。而ie6與ie7在很多問題上也存在著很大的差別。輕鬆的解決css bug是我們必須掌握的技能。現在整理出最常用的12種css bug解決方法以及css bug類的小技巧。...

Excel常用解決方法(一)

日常工作中常常要用excel處理這樣或那樣的資料,其中excel的公式以及macro的使用會減少很多的重複工作。有些操作在vba中很容易實現,但是如果僅僅使用公式時,很多操作就不容易實現了。本文記錄一些我常用到的公式。一 擷取當前sheet名 在當前sheet中,取得sheet名的操作 mid ce...