使えるスタイル、タグテスト

おはようございます。 近牡と申します。

どうにも画像をCSSで加工して表示できず、imgタグをスクリプトで変えられてるのかなーと思うこの頃ですが、無理矢理要素を重ねれば円形表示が出来るんじゃ…と思い試行錯誤中でございます。

どうしてもアメブロで画像を円形で使いたいんじゃー！という戦いの軌跡をご覧あれ。

タグ↓
<div class="ubody" style="width: 100%; height:200px; border-radius: 80px; overflow: hidden; border: solid 8px #ccc;"> <img src="画像URL" alt="image"> </div>

どうもimgタグの親要素のwidthに画像の幅も合わせるようになってるようで…完全な円形は無理ですな('ω')あえて窓っぽい感じには出来そう。スマホからも見れるけど切り抜かれる位置が変わります。なぜ。