web前端開發 瀏覽器相容性處理

2022-05-24 21:09:11 字數 2593 閱讀 2176

css:

*  html, body, #wrap  

body > #wrap  

#main  

#footer  

.clearfix:after  

.clearfix  

* html .clearfix  

.clearfix

17、iframe元素內嵌頁面如何去掉繼承的html及body背景色/背景

iframe元素的功能是在乙個文件裡內嵌乙個文件,建立乙個浮動的幀。內嵌文件時乙個完整的頁面,有html,body等屬性。這樣遇到了乙個問題,如果樣式表中對body定義過背景色/背景,那麼內嵌文件將全部繼承過來。所以如何去掉背景色和背景:

去掉背景色:filter:chroma(color=white);

舉例:去掉背景:

舉例:注意:內嵌頁面同時也要增加body屬性:

18、為什麼web標準中無法設定ie瀏覽器滾動條顏色了?

原來樣式設定:

解決辦法是將body換成html。

19、為什麼中火狐瀏覽器下文字無法撐開容器的高度?

標準瀏覽器中固定高度值的容器是不會象ie6裡那樣被撐開的,那我又想固定高度,又想能被撐開需要怎樣設定呢?辦法就是去掉height設定min-height:200px; 這裡為了照顧不認識min-height的ie6 可以這樣定義:

div

20、如何定義1px左右高度的容器?

ie6下這個問題是因為預設的行高造成的,解決的方法也有很多,例如:overflow:hidden | zoom:0.08 | line-height:1px

21、怎麼樣才能讓層顯示在flash之上呢?

解決的辦法是給flash設定透明:

:22、怎樣使乙個div層居中於瀏覽器中?

23、怎樣使div背景透明?

首先,需要這兩個層都是兄弟關係,其次,這兩個層都需要絕對定位。舉個例子:

這裡很多的文字,這裡很多的文字,這裡很多的文字,這裡很多的文字,

blueidea,blueidea,blueidea 

24、怎樣去掉選中時的虛線框?

利用onfocus="this.blur();"例如:測試

25、ie6下png背景顯示問題?

針對ie6下png背景顯示問題,css中可以這樣解決:_background:none;_filter:progid:dximagetransform.microsoft.alphaimageloader(sizingmethod=crop, src=』

26、文字與表單對齊方法?

設定表單元素第一字型為tahoma(verdana系列也可),並設定vertical-align:middle.建設大家把這個約定寫入css reset中,能減小很多麻煩:

body,button,input,select,textarea

27、optgroup標籤的用法?

optgroup標籤,鮮為人知,它對提公升選擇表單使用者體驗很有幫助。就是可以在有很多選項時,對這些選項分組:例子:

one select

two select

three select

four select

28、文字與垂直居中對齊方法?

為與文字的共同父元素所有的後代元素定義*;例如:

我要的堅強

只需定義p*即可使文字與同行垂直居中.

29、文章標題列表中日期居右顯示的兩種方法?

方法a相對方法b省資源,但比方法b要多寫兩句**,使用時請視情況而定:

方法a:

這是文章標題2010-10-10

然後定義p和span的樣式:

pp span

方法b:

2010-10-10這是文章標題

然後定義span右浮動:

p span

30、ie6下max/min-width/height實現?

ie6下max/min-width/height實現,_width: expression_r(this.width >600 ? 「600px」 : true);,height同理.

31、空白外邊距互相疊加的問題?

一般通過新增透明邊框或者1px的內邊距避免;

其一,為外圍元素定義透明邊框.具體到本例,即在樣式div中加入border:1px solid transparent;

其二,為外圍元素定義內邊距填充..具體到本例,即在樣式div中加入padding:1px;

例如:空白邊距疊加[email protected]

32、網頁設計中的預設字型

font: 12px/1.5 tahoma, helvetica, arial, sans-serif;

說明:line-height採用1.5, 也就是18px. 這是**視覺規範中定義的行高,對於12px字型,這個行高看起來很舒服。font-family預設採用tahoma. tahoma是英文windows作業系統的預設字型,這個字型比較均衡,顯示中英文混排很不錯,是經久耐看的一款字型。

33、瀏覽器相容——常用的css hack

(1).title

(2).title

(3).title

*html.title

*+html.title

文章**自:瀏覽器相容性大全

瀏覽器相容性處理要點

相容性處理要點 1 doctype 影響 css 處理 2 ff 設定 padding 後,div 會增加 height 和 width,但 ie 不會,故需要用 important 多設乙個 height 和 width 3 ff 支援 important,ie 則忽略,可用 important ...

瀏覽器相容性

瀏覽器相容性是乙個很長久的話題,之所以前端需要面對瀏覽器相容性,是因為使用者的環境有不同的平台,不同的瀏覽器。不同的廠商之間為了相互競爭,對標準的實現不一樣。不同的瀏覽器有不同的核心。即使同乙個瀏覽器也有不同的版本,不同的版本對同一特性的支援情況也不盡相同。也可能某個瀏覽器的某個版本針對某個特性存在...

瀏覽器相容性

所謂的瀏覽器相容性問題,是指因為不同的瀏覽器對同一段 有不同的解析,造成頁面顯示效果不統一的情況。在大多數情況下,我們的需求是,無論使用者用什麼瀏覽器來檢視我們的 或者登陸我們的系統,都應該是統一的顯示效果。所以瀏覽器的相容性問題是前端開發人員經常會碰到和必須要解決的問題。在學習瀏覽器相容性之前,我...