css不同瀏覽器相容性處理

2021-08-20 11:33:02 字數 1014 閱讀 9010

input.form-control::-webkit-input-placeholder    

input.form-control:-ms-input-placeholder

eg:background: rgba(255,255,255,.1);

filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#19ffffff,endcolorstr=#19ffffff);

第一部是#號後面的19 。是rgba透明度0.1的iefilter值。

19–> 0.1

33–>0.2

4c–>0.3

66–>0.4

7f–>0.5

99–>0.6

b2–>0.7

c8–>0.8

e5–>0.9

第二部分是19後面的六位 。這個是六進製制的顏色值。要跟rgb函式中的取值相同。比如rgb(255,255,255)對應#ffffff;都是白色。

eg:opacity:0.5;

filter:alpha(opacity=50);

-moz-opacity:0.50;

background-size: cover;//把背景影象擴充套件至足夠大,以使背景影象完全覆蓋背景區域。

背景影象的某些部分也許無法顯示在背景定位區域中。

background-position: center center//居中

瀏覽器相容:

ie 和遨遊不支援;

firefox 新增私有屬性 -moz-background-size 支援;

safari 和 chrome 新增私有屬性 -webkit-background-size 支援;

opera 不支援 background-size 屬性,新增其私有屬性 -o-background-size 也不支援。

CSS 瀏覽器相容性

1.不同瀏覽器的標籤預設的margin和padding不同 解決方案 所以需要有自己的格式化樣式 margin 0 padding 0 2.塊屬性標籤float後,又有橫行的margin情況下,在ie6顯示margin比設定的大 解決方案 在float的標籤樣式控制中加入 display inlin...

瀏覽器相容性處理要點

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

瀏覽器相容性

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