Chromeで枠線の半径が機能しない

Question

丸い角を追加するリーフレットを使用してマップを作成しました。以下のCSSは、Firefoxではなく、Chromeでの仕事ん：

.leaflet-container { 
    border-radius: 10px; 
    -moz-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    -webkit-border-radius: 10px; 
} 

以前の回答を検索するには、-webkit-border-radiusは動作するはずですが、私はまだ問題を抱えています。別の解決策がありますか？

注：ページが読み込まれると、角が丸く表示されますが、もう一度消えます。

Answer 1

• 開発者ツール（F12）の[スタイル]タブまたは[計算済み]タブを確認してください。
• プロパティが受け入れられたか上書きされたかどうかを示します。
• [計算された]タブには受け入れられた値のみが表示されます。
• 上書きされた値には取り消し線が付きます。
• プロパティ名の行（取り消し線）がある場合は、 がそのプロパティを上書きしています。

.leaflet-container { border-radius: 10px; } はChromeで動作するはずです。

また、チラシの画像にコンテナの背景を設定してみてください、その後background-position: bottom center;

とそれを中心たぶん、あなたは、コンテナのborder-radiusを設定しているが、のため、画像自体は「漏れ出す」ことがありますCSS positionがどこかに設定されています。以前に起こったことがあります。