2017-04-26 10 views
0

リンクをクリックすると、ログインしていない状態でログインするためのポップアップが表示されます。それはデスクトップ上で完璧に動作し、常にページ上に配置されますが、モバイル上ではトップに表示されます。ページの下部に向かってリンクをクリックすると、すべてをスクロールして表示する必要があります。フォームの私のCSSは:ポップアップフォームは、デスクトップに集中していますが、モバイルではありません

div.wpcf7 { 
position: absolute; 
margin: 0 auto; 
top: 0; 
right: 0; 
bottom: 0; 
left: 0; 
width: 490px; 
height: 440px; 
z-index: 1042; 
background: #f9f9f9; 
} 
+1

あなたは 'position:fixed;'を使ってみましたか? –

+0

そのトリックは、私がそれを考えなかった理由を知らない: - / –

答えて

0

ページに関して絶対です。ウィンドウ(ビューポート)に対して固定されています。

position: fixed; 
関連する問題