關於相容IEn這個不得不提及的話題。。。。

2022-02-15 15:50:21 字數 1372 閱讀 2206

敲黑板 ~直入主題!!!

1-關於背景(bg)

···為相容ie背景要平鋪

html

...your content goes here...

給body標籤指定背景圖,這樣背景圖就可以填充整個瀏覽器viewport了。

其實,該方案對所有的塊級容器都可以生效。塊級容器的寬高是動態的,那麼背景圖將自動伸縮,充滿整個容器。

css body標籤的樣式如下:

body

上面最重要的一條就是:

background-size: cover;

這樣瀏覽器就會按比例縮放背景圖直至背景圖寬高不小於容器的寬高(在上面的例子中,就是body標籤)。

這裡需要注意的一點就是:如果背景圖小於body標籤的尺寸(例如在高解析度顯示器上,或頁面內容特別多時),瀏覽器會拉伸。都知道,當把乙個拉伸時,會變模糊。

因此,在選擇背景圖時,要特別注意尺寸。為了照顧到大尺寸螢幕,demo裡用的尺寸為5498px * 3615px 。

同時,為了讓背景圖始終相對於viewport居中,宣告了:

background-position: center center;

上面的規則會把背景圖縮放的原點定位到viewport的中心。

接下來需要解決的問題是:當內容的高度大於viewport的高度時,會出現滾動條。希望背景圖始終相對於viewport固定,即使使用者滾動時也是一樣。

解決辦法就是:

background-attachment: fixed;

emmmmm…….最後還有一句寬高真心要定死~~~定的死死的!

最後再把滾條乾掉就完美了~

2-再來說乙個關於背景透明的相容性處理~

大家都造在ie瀏覽器上 它並不識別各種透明屬性設定!

關於rgba的屬性 最簡單的方法就是過濾器~!

且看**:

沒錯 這兩句很重要~

下面的url引入的是乙個可以相容ie的檔案

目前沒怎麼感覺到他的重要性

不過他就是乙個ie瀏覽器能夠識別的語言 就像北京人說北京話 河南人說河南話 上海人說上海話一樣的道理。。

關於Win7 相容性不得不說的故事

泛東協同,贏在執行!windows7很快就在10月22日上市,最近不少it新聞多多少少都和win7有點關係,這也算得上it行業的大事兒。筆者作為華軍軟家園的編輯,在半年間見證了win7的版本演進,也了解到一些win7背後的一些細節 win7的相容性遠遠超過了前乙個系統vista,大部分硬體和常用的裝...

關於簡歷不得不說的那些事兒

最近手頭的事情不是很趕,突然有種想出去實習的衝動。最近看了一些大神的分享簡歷的製作,所以一直在準備著做乙份簡歷。1.簡歷格式 電子簡歷最好是pdf 2.簡歷名稱 簡歷名稱最好與主題格式保持一致,盡量避免 的簡歷 3.簡歷內容 簡歷內容最好是自己實力的百分之120左右 4.關於專案的描述 簡歷中關於專...

關於生命週期不得不說的事兒

學習安卓也有小半年的時間,現在回頭來看發現有的知識只是知道大概,沒有系統性的在大腦裡面留存,所以打算回過頭來一是能記載這些時間的學習成果,二是以後遇到舊問題就可以直接翻出來看了。onstart 是在螢幕由不可見到可見的時候呼叫,一般程式裡面不會可以寫出來預設可見。onresume 是要與使用者進行互...