مشکل در ایجاد بکگراند ثابت در css

حل شده 

CSS

توسط mobinabayati در 1 سال پیش
2 24.6k 1 1 سال پیش
mobinabayati digisys
1

سلام من میخوام یک طیف رنگ ابتدا به backgrand بدم سپس روی اون چهار تا تصویر ثابت در چهار گوشه صفحه قرار بدم ولی نمیشه وقتی طیف رنگ میدم بعدش بکگراند رو میارم به مشکل بر می خورم. چه جوری میشه کاری کرد که ابتدا یه طیف رنگ آبی به طرف سفید از بالا به سمت پایین کشیده بشه و در زمینه قرار بگیره بعد مثلا چهار تا تصویر روی اون در موقعیت های مختلف مکانی هم به عنوان بکرگاند ثابت نمایش داده بشه جوری که با اسکرول کار کردیم هم تصاویر و هم رنگ طیفی ثابت نمایش داده بشه؟؟؟ از کد زیر استفاده کردم ولی تصویرم opacity میگیره و همچنین نمیتونم بهش طول و عرض بدم.

ممنون میشم راهنمایی کنید.

<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
	<style>
		body{
	     background-image:
          url(file:///C:/Users/sorena/Desktop/31/31/images/gallery/8.jpg);
				opacity: 1;
			    background-repeat: no-repeat;
   				background-position: left top;
   				background-attachment: fixed;
			    background:  linear-gradient(rgba(64, 189, 255,0.2), rgba(255, 255, 255,1));

			
			}
	</style>
</head>

پاسخ ها

1

سلام خوش اومدید. لطفا کارتون رو توی jsfiddle.com یا jsbin.com قرار بدید و لینکشو بذارید تا ببینیم که چی شده و بتونیم راهنمایی کنیم. کدی که گذاشتین ناقصه نمیشه چیزی ازش فهمید. شما گردینت مورد نیازت رو به تگ body بده بعد با عکس ها رو توی یکسری div قرار بده. background-attachment: fixed; رو هم بردار.

خوش آمدید

برای طرح سوال، ایجاد بحث و فعالیت در سایت نیاز است ابتدا وارد حساب کاربری خود شوید. در صورتی که هنوز عضو سایت نیستید میتوانید در عرض تنها چند ثانیه ثبت نام کنید.

لطفا ابتدا لاگین کنید