スケーリングされた長いコンテンツを持つコンテナ要素があります。
.container {
transform: scale(0.9);
}
このコンテナ内にはdiv
、ポップアップとして使用される子があります。それは上で絶対に配置されています50%
.popup {
width: 300px;
height: 200px;
position: absolute;
left: 50%;
top: 50%;
}
残念ながら、コンテナがスケーリングされている場合、これ50%
は機能しません。~240%
ページの下部に表示される場合は使用する必要があります。
スケーリングされた要素の子に配置を適用することについて、具体的なことを教えてください。
デモ: http://labs.voronianski.com/test/scaled-positioning.html