特定尺寸和位置的實心球

您將如何製作特定尺寸和位置的實心球，以便尺寸或位置不會因其外部元素而發生變化。（在主流瀏覽器中）特定尺寸和位置的實心球

可以說外部元素是另一個總是白色的球。

當然，第一個可能是使用實心球的圖像..取決於具體情況，但如果我想讓內部球的顏色很容易編輯，怎麼辦？

所以：如何實現特定大小和位置的可編輯球，以便任何人在任何主要瀏覽器上都不會改變？（考慮到所有主流瀏覽器的形狀也應該保持不變）

只有可編輯因子必須是它的顏色。

來源

2011-06-20 Joonas

在這樣你使用CSS元素的絕對或固定定位，也不要將一個元素之外一個內部的情況。 – eugeneK

@eugeneK更多關於整個場景。但是，你是對的那部分。 – Joonas

可能可以使用border-radius來使div成爲一個圓。所以你可以很容易地編輯div的顏色。對於職位，您可以定義position absolute or fixed。

FOR EXAMPLE

div{ 
    -webkit-border-radius: 999px; 
     -moz-border-radius: 999px; 
     border-radius: 999px; 
     behavior: url(PIE.htc); 
    position:absolute; 
    top:20px; 
    right:50px; 
    width:200px; 
    height:200px; 
}

檢查這樣的例子。

Easier way to create circle div than using an image?

How to use CSS to surround a number with a circle?

來源

2011-06-20 06:35:28 sandeep

我不知道像css3派存在的東西。這似乎是一個很好的做法，但我會等一會兒才能接受這個......也許再看看css3派。 – Joonas

餅是IE瀏覽器支持css3屬性的js http://css3pie.com/ – sandeep

非常革命的東西，我得說...感覺就像在牆上打我的頭不知道這個：D – Joonas

特定尺寸和位置的實心球

回答

相關問題