html 要素を右に並べたい
とりあえず、メモ display: flex; ーーーー <html> <style> .flex { display: flex; } </style> <body> <div class="flex"> <p>社長</p> <p>部長</p> <p>課長</p> </div> </body> </html>
投稿
9月, 2024の投稿を表示しています
【html】safariでvideoタグの上にかぶせてうまく表示できない件
- リンクを取得
- ×
- メール
- 他のアプリ
Safariでvideoタグの上にかぶせてうまく表示できない件 HTMLでコーディングしていて、動画の上に別のタグを重ねるデザインを実装したところ、Safariでの表示に問題が発生しました。他のブラウザでは正常に表示されるのに、Safariだけ動画の裏側に要素が表示されてしまい、困っていました。 原因として、 z-index の問題か、Safariのレンダリング順序の問題かと考え、調べてみました。 その結果、以下のCSSを追加することで、重ねて表示できるようになりました。 ----解決策---- transform: translateZ(1px); /* 回避手段 */ この方法で、Safariでも動画の上に要素を正しく重ねて表示できるようになりました。