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

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

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

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

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

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

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

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

為了讓ie6、7、8兼容CSS3的圓角效果,我加了一個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實現(xiàn)的。所以你不管怎么調(diào)，ie都不會支持。

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

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

1、下載一個壓縮包，里面有一個微軟的腳本文件（11KB）和一個用來測試服務(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屬性，犧牲小部分用戶部分體驗，滿足大部分用戶才是明智之舉。還有csshtc這個文件其實里面就是js寫的，對瀏覽器性能影響太大了，所以真心不建議你用。

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濾鏡還可以實現(xiàn)放大和縮小的效果，類似于zoom樣式，只要將M11，M12，M21，M22的值乘以相應(yīng)的倍數(shù)即可。

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

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

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

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

利用 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下實現(xiàn)圓角的不同方法

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

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

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

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

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

網(wǎng)頁題目：圓角css3樣式兼容 圓角div的css
網(wǎng)站鏈接：http://aaarwkj.com/article34/didjcse.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站排名、面包屑導(dǎo)航、小程序開發(fā)、商城網(wǎng)站、、外貿(mào)網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)