困っていること
背景写真の真ん中にテキストを置くようにしているのですが、読み込みが遅い時にテキストの表示位置が左上に表示される表示崩れを防ぐ方法を知りたいです。
js
1const BgComponent = styled.div` 2 position: relative; 3 display: flex; 4 justify-content: center; 5 align-items: center; 6 background-image: url(/top.png); 7 content: ''; 8 width: 100%; 9 height: 100%; 10 background-size: cover; 11 background-position: 50%; 12 width: 100%; 13 height: 300px; 14`; 15 16export const View: FC = () => { 17 return ( 18 <BgComponent> 19 <div>テスト、テスト</div> 20 </BgComponent> 21 ); 22};
あなたの回答
tips
プレビュー