想要有圓形的div邊框+背景覆蓋一個矩形div的邊框

我有一個圖像+它周圍的圓形邊框，我想覆蓋一個矩形。如下圖所示，我已經實現了這種效果，但是如果您用貓滾動到圓內，滾動條就會出現，您可以將圖像移動一點。我希望看到現在的樣子，但沒有滾動。想要有圓形的div邊框+背景覆蓋一個矩形div的邊框

thanks :)

2016-01-19 Billy J.

我想你還是想在圖像周圍的圓圈出現在矩形上，如果這是真的，那麼overflow：hidden將不起作用。我建議絕對顯示div並使用[z-index]（http://www.w3schools.com/cssref/pr_pos_z-index.asp）。 – Froy

這有幫助！我更新了小提琴，並留下了一個工作版本作爲這個問題的答案 –

您的問題表明您想擺脫滾動條，而不是在廣場上的邊界圓。我回答了這個問題，並得到了低估。好。 – Taz

爲了防止元件上滾動，添加：

#main-picture { 
    overflow: hidden 
}

2016-01-19 02:12:03 Taz

如果你我這樣做，它沒有達到我正在尋找的效果，因爲我使用溢出：覆蓋 –

除非我錯過了什麼，覆蓋沒有爲你做任何事情。 Overlay是一個僅由webkit瀏覽器支持的值，它模仿auto。當我將其更改爲隱藏時，這種情況對我來說看起來是一樣的。在這兩種溢出設置之間你看起來有什麼不同？ – Taz

Froy T爲在建議使用絕對位置正確。我是能夠實現與它預期的效果如下圖所示：

position: absolute; 
    margin-left: auto; 
    margin-right: auto; 
    left: 0; 
    right: 0; 
    top: 50px;

2016-01-19 02:26:11

#main-picture { 
    overflow: none; 
}

這樣做......

2016-01-19 03:10:16

回答