Teklif İçin
/* Popup kutusunu gizlemek için başlangıçta görünmez yapın */
#popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
}
/* İçeriği ortalamak için iç kutuyu konumlandırın */
#popup-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80%;
max-width: 600px;
background-color: #fff;
padding: 20px;
}
/* Popup kutusunu gizlemek için başlangıçta görünmez yapın */
#popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
}
/* İçeriği tam ekran yapmak için iç kutuyu konumlandırın */
#popup-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
padding: 20px;
}
/* İçerik penceresini ortalamak için içeriği dikey ve yatayda ortala */
#popup-content iframe {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
}
/* Overlay için stil */
.overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 9999; /* Popup'ın en üstte görüneceği katman */
}
/* İçeriği ortalamak için iç kutuyu konumlandırın */
.popup-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80%;
max-width: 600px;
background-color: #fff;
padding: 20px;
}