2013-04-30 204 views
0

enter image description here自定義虛線邊框。

我需要做這樣的事情。

我無法使用邊框:虛線或邊框:虛線,因爲: 1)導致的點和破折號與示例中的尺寸不完全相同,間距也不正確。 2)帶有虛線/虛線邊框的圓角看起來很糟糕。

當然有邊框圖像,但瀏覽器的支持不是很好,我需要IE支持,至少對於IE9來說。 因此,現在我正在考慮簡單地使用舊方法與許多div和圖像。

如果我有很多不同寬度和高度的盒子,最好的方法是什麼? 也許有另一種方式,除了搞亂圖像?

+0

如果它是一個固定的高度和寬度只是使用圖像。 – Andrew 2013-04-30 15:53:14

回答

2

解決這個問題的方法之一就像我認爲你指出的那樣,將其分解爲兩到三個背景圖像。

這可以使用類似CSS3 Multiple Backgrounds的東西。

或舊的方法Sliding Doors

任何這些的易用性的一部分將取決於這些大小不斷變化的虛線框將被用於。例如,如果你有多個這樣的網頁,如果是這樣,他們如何輸出,成一個網格或其他東西,會影響最簡單的方法。

+0

多個背景完美工作,謝謝。完全忘了他們,我甚至設法讓他們在早期版本的IE中用css3pie工作! – Davinel 2013-04-30 19:43:04