css - モーダル ウィンドウの CSS が整列しない

Question

参照: http://www.myproduction-1.info/jquery%20tools%20org%20overlay/blue.html

1-閉じるボタンをリンクにする方法がわかりました。

3- 背景画像の左側が部分的に隠れており、可能なすべてのセレクターを調べて変更しましたが、うまくいきません。

完了 2- モーダル ウィンドウ全体をビューポートの中央に配置する必要があります。

どんなヒントでも大歓迎です！

Answer 1

このコードを使用して、モーダル ウィンドウの中央揃えを作成します。

.modal {
    background-color: #FBFFFF;
    display: none;
    width: 755px;
    height: 535px;
    text-align: left;
    opacity: 0.8;
    margin: -267px 0 0 -377px;
    top: 50%!important;
    left: 50%!important;
}