0

私は当初、角が丸く、境界線が黒い画像を探していました。ただし、Webkitでは、丸みを帯びた画像と丸みを帯びた境界線の両方を使用するのではなく、長方形の画像と丸みを帯びた境界線を使用することになりました。長方形の画像は、角の境界線の一部と重なっているように見え、少し奇妙な結果になりました。FirefoxとOperaで、私が望んでいた結果を思いついたのですが、Webkitで同じ効果をどのように達成できるのか疑問に思いました。これが、私が話していることを確認するために実行できるコードです。助けてくれてありがとう！

<!doctype html>

<html>

<head>
    <title> Testing Website </title>

    <style type="text/css">
        img {
            height: 500px;
            border: 5px solid #000;
            border-radius: 20px;
            -moz-border-radius: 20px;
        }
    </style>
</head>

<body>

    <img src = "http://www.public-domain-image.com/studio/slides/sunflower-on-white-background.jpg">

</body>

</html>
4

3 に答える 3

3

使用box-shadow: http://jsfiddle.net/UQ2kt/

于 2012-09-14T07:55:11.963 に答える
0

jQueryプラグインを試すことができます。多くのオプションを提供します。http://jquery.malsup.com/corner/

于 2012-09-14T07:59:19.043 に答える
0

試す;

img{
  height: 500px;
  width: 500px;
  border: 5px solid #000;
  border-radius: 20px;
  -moz-border-radius: 20px;
  display:block;
}
于 2012-09-14T08:03:26.310 に答える