相容性較好的圓角

2022-03-30 18:12:37 字數 967 閱讀 7724

最近在寫乙個**遇到了很多問題,下面寫出來跟大家一起分享和討論

1.圓角的產生

在最新的css3中有專門的圓角屬性border-radius,**如下:

aaaa

火狐下是-moz-border-radius ,safari 和 chrome 是 -webkit-border-radius 。w3c規定的是border-radius
但是這麼簡單的屬性ie低階版本(ie9以下)是不支援的。

還有一種畫素邊緣化(不知道別人是不是這麼叫)**如下:

/*css***/

.sharp

/*上圓角框通用設定樣式,如果要運用多個不同顏色,以下6句不用重新變化--------------------------------*/

.b1,.b2,.b3,.b4,.b5,.b6,.b7,.b8

.b1,.b8

.b2,.b7

.b3,.b6

.b4,.b5

.color1 .b2,.color1 .b3,.color1 .b4,.color1 .b5,.color1 .b6,.color1 .b7,.color1 .content

.color1 .b1,.color1 .b8

/*背景色*/

.color1 .b2,.color1 .b3,.color1 .b4,.color1 .b5,.color1 .b6,.color1 .b7,.color1 .content

/*html***/

6.1283

這個方法有點冗雜,但是好處就是相容性比較好

還有就是用來做。原理很簡單,首先將圓角的4個角擷取下來。貼到對應的位置,但是不會寫了,找了很久也沒找到,下次找到了在貼上來

這個方法有乙個問題,如果使用margin屬性,在ie各個版本又要調很久。

相容性(空格相容性)

在chrome與firefox下顯示的寬度不同,原因是兩個瀏覽器的預設字型不同,給html規定字型即可解決。下面有各種形式的空格,各有不同 不換行空格,按下空格鍵所產生的空格,受字型影響明顯 ensp 半形空格 em寬度的一半 乙個小寫字母的寬度 基本不受字型影響 emsp 全形空格 乙個em寬度 ...

相容性小結

1.不同瀏覽器的標籤預設的外補丁和內補丁不同。解決 2.chorme瀏覽器下字型最小12px 解決 font size 12px webkit transform origin x 0 webkit transform scale 0.5833333333333334 scale 12 3.ie瀏覽...

程式相容性

版本可以提供各種不同形式的相容性 源 相容性,鏈結相容性,執行相容性,和程序相容性。這些都是根據c 程式建立各個過程命名的,1 如果沒有使用者需要重新編譯任何 那麼程式庫的版本n和版本m就具有源 相容性 2 如果沒有使用者需要重新編譯任何目標檔案,那麼版本n和版本m就具有鏈結相容性 3 如果沒有任何...