背景画像上のボーダー半径

border-radiusをbackground-imageに追加することはできますか？背景画像上のボーダー半径

2013-01-16 Michał Urban

背景画像、実際のページの背景画像..？どういう意味ですか？詳細が必要です。 – Bart

この質問はどのようにして2回アップアップされますか？それは非常に品質の悪いです。まだ何か試しましたか？あなたはそれをGoogleにしようとしましたか？ @Bartがすでに述べたように、あなたの 'body'の背景、ランダムな' div'または 'pre'要素の背景であるため、あなたは"背景画像 "の定義は何ですか？より具体的にしてください。 – Jelmer

1. divの背景画像 2. divに設定されたborder-radiusで背景画像を切り抜きたくない。なぜなら、私の背景画像は中間にありdiv境界には触れていないから、background-image isn '切り取られたクロスブラウザーの場合は –

はい、それは可能である。この

div { 
     border: 10px solid white; 
     -moz-border-radius: 10px; 
     background:url(map_background_box_right.png); 
     }

出典

2013-01-16 08:20:07 Nandu

-moz-border-radius：50px;もしあなたが古いieのものを最適化しなければならないのであれば、pie.htcのような外部スクリプトなしでこれを行うことはできません[リンク]（http://css3pie.com/） –

をお試しください：div要素の

div { 
    -webkit-border-radius: 50px; 
    -moz-border-radius: 50px; 
    border-radius: 50px; 
    border: none; 
    width: 500px; 
    height: 335px; 
    background: url(http://themescompany.com/wp-content/uploads/2012/02/6402.jpg); 
}

Click here for demo.

出典

2013-01-16 08:22:13

これはいいですが、もし追加すればどうですか？ 'バックグラウンド位置：50px background-repeat：no-repeat'。背景画像はdivの境界で切り取られた**のみ**です。 –

私はボーダー半径を直接背景画像に追加する方法はないと思うが、カンニングでそれを行うことができる：http://jsfiddle.net/fbDZb/8/ –

David Czinege、残念なことに私が探したソリューションを追加divなし。とにかくありがとう:-) –

背景画像上のボーダー半径

答えて

関連する問題