Update pages.html
Browse files- pages.html +23 -1
pages.html
CHANGED
|
@@ -450,6 +450,25 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
|
|
| 450 |
z-index: 1000; /* Убедитесь, что контейнер находится поверх других элементов */
|
| 451 |
}
|
| 452 |
</style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 453 |
</head>
|
| 454 |
<body>
|
| 455 |
<script>
|
|
@@ -469,6 +488,9 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
|
|
| 469 |
|
| 470 |
|
| 471 |
</div>
|
|
|
|
|
|
|
|
|
|
| 472 |
<!-- Кнопка для открытия модального окна -->
|
| 473 |
<button id="myBtn" style="position: absolute; top: 30px; right: 10px;">Открыть модальное</button>
|
| 474 |
|
|
@@ -479,7 +501,7 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
|
|
| 479 |
<button id="testBtn" style="position: absolute; top: 70px; right: 32px;">Тестовая кнопка</button>
|
| 480 |
|
| 481 |
|
| 482 |
-
|
| 483 |
|
| 484 |
|
| 485 |
<div id="gjs" style="height: 90vh;"></div>
|
|
|
|
| 450 |
z-index: 1000; /* Убедитесь, что контейнер находится поверх других элементов */
|
| 451 |
}
|
| 452 |
</style>
|
| 453 |
+
|
| 454 |
+
|
| 455 |
+
<style>
|
| 456 |
+
/* Стили для блока, который появится справа */
|
| 457 |
+
.overlay-block {
|
| 458 |
+
|
| 459 |
+
position: fixed;
|
| 460 |
+
top: 0;
|
| 461 |
+
right: 0;
|
| 462 |
+
width: 15%; /* Ширина 15% от дисплея */
|
| 463 |
+
height: 100%;
|
| 464 |
+
border: 1px solid #388E3C; /* Тёмно-зелёная рамка */
|
| 465 |
+
background-color: rgba(0, 0, 0, 0.1); /* Полупрозрачный фон */
|
| 466 |
+
z-index: 0; /* Убедитесь, что блок находится поверх других элементов */
|
| 467 |
+
}
|
| 468 |
+
</style>
|
| 469 |
+
|
| 470 |
+
|
| 471 |
+
|
| 472 |
</head>
|
| 473 |
<body>
|
| 474 |
<script>
|
|
|
|
| 488 |
|
| 489 |
|
| 490 |
</div>
|
| 491 |
+
|
| 492 |
+
<div id="overlayBlock" class="overlay-block">
|
| 493 |
+
|
| 494 |
<!-- Кнопка для открытия модального окна -->
|
| 495 |
<button id="myBtn" style="position: absolute; top: 30px; right: 10px;">Открыть модальное</button>
|
| 496 |
|
|
|
|
| 501 |
<button id="testBtn" style="position: absolute; top: 70px; right: 32px;">Тестовая кнопка</button>
|
| 502 |
|
| 503 |
|
| 504 |
+
</div>
|
| 505 |
|
| 506 |
|
| 507 |
<div id="gjs" style="height: 90vh;"></div>
|