WordPressのブログで解決できない悩みがあります。それがバグなのか、競合しているのかはわかりません。まず、画像を参照してください: http://i.imgur.com/K4gWjh9.png
この画像の 3D の丸い境界線と白と黒の影に注目してください。この画像は、作成者のアバター画像のボックスの上にあります。私はそれを修正することはできません。JSFiddle の例を参照してください: http://jsfiddle.net/ZUben/
更新されたWordpressのGrapheneテーマを使用しています： http://www.khairul-syahir.com/wordpress-dev/graphene-theme#.UXCgoivwLRY
私のスタイルに従ってください:
.gutter-right {
margin-right: 10px;
}
...
.post-avatar-wrap {
float: right;
width: 48px;
height: 48px;
background: #fff center;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
-moz-box-shadow: 1px 3px 1px rgba(255,255,255,0.35), inset 0px 3px 5px rgba(0,0,0,1);
-webkit-box-shadow: 1px 3px 1px rgba(255,255,255,0.35), inset 0px 3px 5px rgba(0,0,0,1);
box-shadow: 1px 3px 1px rgba(255,255,255,0.35), inset 0px 3px 5px rgba(0,0,0,1);
margin-top: -10px;
}
...
.author-avatar-wrap {
width: 48px;
height: 48px;
background: #fff center;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
-moz-box-shadow: 1px 3px 1px rgba(255,255,255,0.35), inset 0px 3px 5px rgba(0,0,0,1);
-webkit-box-shadow: 1px 3px 1px rgba(255,255,255,0.35), inset 0px 3px 5px rgba(0,0,0,1);
box-shadow: 1px 3px 1px rgba(255,255,255,0.35), inset 0px 3px 5px rgba(0,0,0,1);
margin-top: -10px;
}
ありがとうございました！