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