邊框圖像，邊框半徑

Im與具有圓角和邊框圖像的div有麻煩。邊框圖像保持正方形，div具有圓角。我需要的是圖像邊框與邊框半徑的圓角一起使用。邊框圖像，邊框半徑

-webkit-border-radius: 20px; 
-moz-border-radius: 20px; 
border-radius: 20px; 
border:2px solid; 
-moz-border-image: url(neon---horizontal-hotness-wallpapers_18493_1920x12001.jpg) 2 1 2 2 round; 
-webkit-border-image: url(neon---horizontal-hotness-wallpapers_18493_1920x12001.jpg) 2 1 2 2 round; 
-o-border-image: url(neon---horizontal-hotness-wallpapers_18493_1920x12001.jpg) 2 1 2 2 round; 
border-image: url(neon---horizontal-hotness-wallpapers_18493_1920x12001.jpg) 2 1 2 2 round; 
width:100%;

來源

2014-04-03 Techagesite

它是不可能有像的地方邊界半徑的

一個框的背景，但不是它的邊界圖像，剪裁到合適的曲線（由「背景剪輯確定「）。剪切到邊框或填充邊緣的其他效果（例如「可見」以外的「溢出」）也必須剪切到曲線上。替換元素的內容總是被修剪爲內容邊緣曲線。此外，邊界邊緣曲線外的區域不接受代表元素的鼠標事件。

來源

2015-09-30 10:41:12 user3369915

必須指定border-style和border-width（未設置爲none或0）才能使邊框圖像生效。它有一個錯誤的邊框圖像不正確地覆蓋邊框樣式。這link 1可能有助於

來源

2017-07-27 07:32:08

這不是一個官方的bug.The W3C CSS背景和邊框模塊級別3 CR測試套件（測試用例[005]（https://test.csswg.org/harness/test/css -backgrounds-3_dev/spec/css-backgrounds-3/section/6.3/border-image-width-005 /），[006]（https://test.csswg.org/harness/test/css-backgrounds-3_dev /spec/css-backgrounds-3/section/6.3/border-image-width-006/）和[007]（https://test.csswg.org/harness/test/css-backgrounds-3_dev/spec/ css-backgrounds-3/section/6.3/border-image-width-007 /），即使使用border-style：none; border-width：0也應該使用border-image。 –

邊框圖像，邊框半徑

回答

相關問題