我找到了一種方法來處理CSS3,但IE仍然不支持它。我想知道是否有辦法做到這一點,以便它可以與所有流行的瀏覽器兼容。 我知道我可以用蒙版來做,但如果我想在後臺顯示用戶上傳的圖片,這不是一個選項,或者至少我不知道如何實現。任何人都可以給我一個想法嗎?也許在上傳圖像時將背景中的圖像處理變爲圓形並使背景透明,但我不知道如何處理該圖像?使圖像顯示爲一個圓圈
0
A
回答
0
您可以通過CSS3 border-radius
來做到這一點,但正如您所說,舊的IE不支持這個屬性。
但PIE.htc(在我的例子PIE.js)可以pollyfill這在 -
hence- http://codepen.io/hwg/pen/IBrow。
這使用標準border-radius
,並且複製粘貼pie.js, 邊框半徑是圖像高度和寬度的50%。
我不能說性能(請參閱文檔),但我認爲這是做你想做的。
0
你可以用你需要的背景顏色疊加一個在正方形中間有一個透明圓的PNG圖像。然後將其放置在上傳的圖像上,使其成爲一個圓圈的幻覺。
相關問題
- 1. 使用css將圖像顯示爲圓圈圖像
- 2. 爲什麼畫布圓圈看起來不像一個圓圈?
- 3. 排列圖像在一個圓圈
- 4. 帆布夾圖像在一個圓圈
- 5. 畫一個圓圈像素
- 6. 顯示圓圈內的地圖
- 7. 圓圈圖層不顯示在OpenLayers 3
- 8. UWP:顯示列表視圖項目排列在一個圓圈
- 9. PhpStorm顯示紅色圓圈
- 10. javafx動畫:顯示圓圈
- 11. Android背景顯示圓圈
- 12. 如何使UIButton成爲一個圓圈?
- 13. 在Google地圖中爲每個標記顯示一個不同的圓圈?
- 14. 圓圈圖像疊加
- 15. Div圓圈圖像問題
- 16. 圓圈內的SVG圖像
- 17. 關於在現有圖像上顯示圓圈的問題
- 18. 爲什麼我的圓圈不會以「像素」單位顯示?
- 19. D3.js中的圓圈只顯示無圓圈的文字
- 20. 在matlab中交換一個圖像中的圓圈像素
- 21. 尋找一個圓圈是否在另一個圓圈內
- 22. 圍繞一個大圓圈移動一個小圓圈
- 23. 在圖像上設置圓圈以知道有一個圖庫
- 24. 圓形圖像成爲鑽石不圓圈 - 斯威夫特3
- 25. 將圖像放在圓圈視圖中
- 26. 如何使用KineticJS從一個圓圈創建箭頭到另一個圓圈?
- 27. 顯示錶中每個圓圈的氣泡圖圈數據d3.js
- 28. 在視圖上畫一個圓圈(android)
- 29. 安卓:顯示在一個圓圈形狀
- 30. 簡單的Java按鈕來顯示一個圓圈
您使用的是哪個版本的IE? – vzeke
我不明白你的理由爲什麼面具不起作用。 – Cruncher