diff --git a/index.html b/index.html index 230e220..1983cc6 100644 --- a/index.html +++ b/index.html @@ -5,6 +5,7 @@ height: auto; } .image-block { + position: relative; width: 1000px; /*100px фоточки по три в ряд*/ } @@ -12,14 +13,22 @@ display: none; } +/* .image-block:has(.image input:checked) .image:has(input:not(:checked)) { opacity: 0.5; } +.image-block:has(.image input:checked) + .image:has(input:not(:checked)) + img { + opacity: 0.5; +} +*/ -.image-block .image:has(img.viewed) img { - position: absolute; + +.image-block .image.viewed img { + position: fixed; top: 150px; left: 300px; width: 400px; @@ -27,22 +36,44 @@ z-index:1; } -/* other image */ - -.image-block:has(.image input:checked) - .image:has(input:not(:checked)) - img { - opacity: 0.5; -} - - +

for functionality

@@ -104,3 +135,4 @@ images.addEventListener('click', function(){img.classList.toggle('view')};);
+