フロントエンドエンジニアもどきの備忘録

デザイナーやらコーダーを経てフロントエンドに落ち着きました。

2016-03-23から1日間の記事一覧

ChromeとSafariでiframeにborder-radiusが効かない

CSS

解決策としては、外側をブロック要素で囲ってやって、それにborder-radiusとoverflow:hiddenをかけてあげ、position:relativeを指定すると角丸に切り抜くことができます。 <div> <iframe src="hogehoge" width="500" height="500"></iframe> </div> div { position:relative; overflow:hidden; border-radius: 50%; } デモ このバ…