სხვა პრობლემაც მაქვს, ამ კოდზე დიდი მადლობა მინდა გითხრათ, ეს after ფუნქცია ასე არ გამომიყენებია არასდროს და ძალიან გამომადგა;
შემდეგი პრობლემა რაშია. ვვარჯიშობ ელემენტების განლაგებაში და ამჯერად ასეთ პრობლემას დავეჯახე:
თუ after ეფექტით გამჭვირვალე პატერნს დავაყენებ მთლიან body-ზე, ამასთანავე, მთლიან გვერდზე პატერნთან ერთად არის დაყენებული გრადიენტი. მერე პირველ დივში რაც მთლიანი საიტის 20%-ია, ავტვირთავ სურათებს, opacity ამ ფოტოებზეც გადააქვს და მაგ ეფექტს ფოტოებს ვერ ვაშორებ, კოდს ჩავაგდებ აქ და ფოტოსაც:
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="style11.css">
</head>
<body>
<div class="pirveli">
<img id="ori" src="./header/FANQARI.png">
<img id="sami" src="./header/COCA-COLA.png">
<img id="otxi" src="./header/MARKERI.png">
</div>
</body>
</html>
-----------------------
body{
margin:0;
background: linear-gradient(to top, #342323, #c1473e, #d7a55e,#d5ac71,#fae2be );
height: 5048px;
position:relative;
}
body::after {
content: url("pattern.gif");
background: url("pattern.gif");
background-repeat: repeat;
opacity: 0.08;
width : 100%;
height: 5048px;
position: absolute;
}
.pirveli {
width: 100%;
height: 20%;
position: absolute;
}
#ori {
opacity: 1.4;
position: absolute;
width: 300px;
top: 200px;
}
#sami {
opacity: 1.4;
position: absolute;
width: 200px;
top: 390px;
}
#otxi {
opacity: 1.4;
position: absolute;
width: 390px;
top: 250px;
}
მიმაგრებული სურათი (გადიდებისთვის დაუწკაპუნეთ სურათზე)
HTML / CSS ჩაინიკური კითხვები
