使用CSS3.0實(shí)現(xiàn)圓角邊框,瀏覽器無法顯示

1、-webkit-border-radius：10px；-moz-border-radius：10px；border-radius：10px；為了獲得更好的兼容性，一般寫上面這三個(gè)就行了。

網(wǎng)站建設(shè)公司,為您提供網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)頁設(shè)計(jì)及定制網(wǎng)站建設(shè)服務(wù),專注于企業(yè)網(wǎng)站制作,高端網(wǎng)頁制作,對(duì)石雕等多個(gè)行業(yè)擁有豐富的網(wǎng)站建設(shè)經(jīng)驗(yàn)的網(wǎng)站建設(shè)公司。專業(yè)網(wǎng)站設(shè)計(jì),網(wǎng)站優(yōu)化推廣哪家好,專業(yè)營銷推廣優(yōu)化,H5建站,響應(yīng)式網(wǎng)站。

2、要想調(diào)試該問題最簡單的辦法就是在本該展示邊框的位置右擊，然后在彈出菜單選擇“查看元素”。之后會(huì)彈出developtools界面，找到“樣式”標(biāo)簽，其會(huì)對(duì)應(yīng)顯示作用于該展示域的css樣式屬性及值。

3、CSS3圓角只需設(shè)置一個(gè)屬性：border-radius（含義是邊框半徑）。你為這個(gè)屬性提供一個(gè)值，就能同時(shí)設(shè)置四個(gè)圓角的半徑。所有合法的CSS度量值都可以使用：em、ex、pt、px、百分比等等。

4、首先打開sublime text編輯器，新建一個(gè)html文件，里面寫入一個(gè)p標(biāo)簽：然后設(shè)置p標(biāo)簽的樣式，這里先設(shè)置一個(gè)邊框，然后設(shè)置圓角邊框，主要使用CSS3屬性border-radius屬性定義圓角效果。

5、border-radius：像素 CSS3里面 這個(gè)是圓角屬性，但是最主流的IE瀏覽器都不認(rèn)識(shí)，所以LZ還是放棄吧。處理圓角一般采用兩種方式 一個(gè)是PS切圓角，然后作為背景圖片放到頁面中。

6、css圓角實(shí)現(xiàn)的方式有很多種，最簡單最方便的是使用border-radius屬性?；蛘呤褂脠A角圖片。border-radius后面直接接數(shù)值。

為了讓ie6、7、8兼容CSS3的圓角效果,我加了一個(gè)PIE文件來讓IE678兼容...

你可以用圖片做圓角，如果圖片覺得麻煩的話，可以用jquery的插件做圓角，兼容所有的IE。

IE 6，7，8支持CSS3的部分屬性。介紹htc，它可以讓IE瀏覽器支持CSS3的border-radius、box-shadow、border-image、CSS3 Backgrounds (-pie-background)、Gradients、RGBA屬性。

很明顯，根本就沒有支持。他的搜索框、導(dǎo)航條，都是用背景或border實(shí)現(xiàn)的。所以你不管怎么調(diào)，ie都不會(huì)支持。

建議：不要考慮兼容IE圓角了，現(xiàn)在大多網(wǎng)站根本不管IE的css3屬性，犧牲小部分用戶部分體驗(yàn)，滿足大部分用戶才是明智之舉。還有csshtc這個(gè)文件其實(shí)里面就是js寫的，對(duì)瀏覽器性能影響太大了，所以真心不建議你用。

如何讓IE瀏覽器支持CSS3圓角

1、下載一個(gè)壓縮包，里面有一個(gè)微軟的腳本文件（11KB）和一個(gè)用來測(cè)試服務(wù)器是否有正確的Content-Type的HTML文件：iecssrar；.htc文件是IE內(nèi)核支持Web行為后用來描述此類行為的腳本文件。

2、-webkit-border-radius： 15px； border-radius： 15px； position：relative； z-index：2； behavior：url(ie-csshtc)；} 你可以看看，ie-csshtc的下載地址也在這里。。

3、建議：不要考慮兼容IE圓角了，現(xiàn)在大多網(wǎng)站根本不管IE的css3屬性，犧牲小部分用戶部分體驗(yàn)，滿足大部分用戶才是明智之舉。還有csshtc這個(gè)文件其實(shí)里面就是js寫的，對(duì)瀏覽器性能影響太大了，所以真心不建議你用。

4、利用 CSS3 的 border-radius 屬性能夠令網(wǎng)頁元素表現(xiàn)圓角，雖然目前絕大多數(shù)的瀏覽器都已經(jīng)支持 border-radius 屬性，而老式的IE瀏覽器們?nèi)?IEIE7 或 IE8 是不支持 border-radious 屬性的。

IE瀏覽器css圓角兼容問題

1、在這里也想提下，IE Matrix濾鏡還可以實(shí)現(xiàn)放大和縮小的效果，類似于zoom樣式，只要將M11，M12，M21，M22的值乘以相應(yīng)的倍數(shù)即可。

2、在同一個(gè)CSS樣式表中，使用 ！important 來定義不同的值以適應(yīng)Firefox和IE。

3、一定要有定位屬性：position：relative； 因?yàn)樵贗E瀏覽器下這些CSS3效果的實(shí)現(xiàn)是要借助于VML，由VML繪制圓角或是投影效果，所以還需要一個(gè)z-index屬性。z-index屬性最好設(shè)置得比較大，如2。

網(wǎng)頁前端問題,如圖,這個(gè)圓角我可以用css3實(shí)現(xiàn),那么IE8及以下瀏覽器怎么...

至今為止，我沒有找到比較好的解決辦法。唯一的解決辦法就是?；鸷?谷歌瀏覽器用HTML5實(shí)現(xiàn)圓角，如果是IE的話，就識(shí)別出來之后，用圖片代替。

利用 CSS3 的 border-radius 屬性能夠令網(wǎng)頁元素表現(xiàn)圓角，雖然目前絕大多數(shù)的瀏覽器都已經(jīng)支持 border-radius 屬性，而老式的IE瀏覽器們?nèi)?IEIE7 或 IE8 是不支持 border-radious 屬性的。

-webkit-border-radius： 15px； border-radius： 15px； position：relative； z-index：2； behavior：url(ie-csshtc)；} 你可以看看，ie-csshtc的下載地址也在這里。。

CSS2和CSS3下實(shí)現(xiàn)圓角的不同方法

1、CSS3里面 這個(gè)是圓角屬性，但是最主流的IE瀏覽器都不認(rèn)識(shí)，所以LZ還是放棄吧。處理圓角一般采用兩種方式 一個(gè)是PS切圓角，然后作為背景圖片放到頁面中。第二個(gè)就是采用一個(gè)累計(jì)效果，也可以定義出圓角。

2、CSS3圓角只需設(shè)置一個(gè)屬性：border-radius（含義是邊框半徑）。你為這個(gè)屬性提供一個(gè)值，就能同時(shí)設(shè)置四個(gè)圓角的半徑。所有合法的CSS度量值都可以使用：em、ex、pt、px、百分比等等。

3、css圓角實(shí)現(xiàn)的方式有很多種，最簡單最方便的是使用border-radius屬性。或者使用圓角圖片。border-radius后面直接接數(shù)值。圖片圓角就是事先切除圓角圖片，可以制作定高，或者定寬的div。

4、css3 中有個(gè)屬性，直接設(shè)置圓角半徑就可以了，border-radius。再css2中，你這個(gè)圖是沒有簡便的，設(shè)置個(gè)盒子，讓背景色設(shè)置為你圖的顏色，然后用ps將你圖的上部分就是圓角部分 切割 作為0jpg，下部分為 0jpg。

5、在css中，讓邊角具有弧度只需要用border-radius這個(gè)屬性。如圖，這是一個(gè)測(cè)試頁面，它們的邊角分別為25PX和50PX半徑的圓角。