私は固定された背景と絶対位置を持つdivを持っています。 top: 5px and left: 5px
に配置したいのですが、テキストを回転させていないときに機能しますが、テキストを垂直にしたいので、回転を90度行います。私はleft: 5px and top 5px
からそれを固執したいと思いますが、私は回転を適用すると、テキストはここで 絶対位置のCSS回転
const background = css({
background: 'url(/static/profile.jpg) no-repeat left top fixed',
backgroundSize: 'auto 100%',
backgroundColor: '#040404',
position: 'fixed',
width: '100%',
height: '100vh',
top: '0',
left: '0',
zIndex: '0',
})
const socialBloc = css({
color: '#fff',
position: 'absolute',
top: '5px',
left: '5px',
zIndex: '999',
'-webkit-transform': 'rotate(270deg)',
'-moz-transform': 'rotate(270deg)',
'-ms-transform': 'rotate(270deg)',
'-o-transform': 'rotate(270deg)',
transform: 'rotate(270deg)',
})
そしてHtmlの:それは水平方向(回転なしで素晴らしい作業)が、だ
<PageLayout pageName="Index">
<div className={socialBloc}>
<Link prefetch href='*'><a className={a} target="_blank">Link</a</Link>
<Link prefetch href='*'><a className={a} target="_blank">Link</a</Link>
</div>
<div className={background}>
</div>
</PageLayout>
私は回転を適用すると私のテキストは...オーバー
だけあなたの問題を推測することができますIで行くための視覚的な例がなければ助け
ポストレンダリングされたHTMLとCSSは私たちが[mcve]を持っているようにしてください –