انجمن تخصصی بازی سازی پرومیکرز
مشکل در ایجاد بکگراند ثابت در css - نسخه‌ی قابل چاپ

+- انجمن تخصصی بازی سازی پرومیکرز (http://promakers.ir)
+-- انجمن: برنامه نویسی و ساخت بازی های تحت وب (http://promakers.ir/Forum-%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D9%87-%D9%86%D9%88%DB%8C%D8%B3%DB%8C-%D9%88-%D8%B3%D8%A7%D8%AE%D8%AA-%D8%A8%D8%A7%D8%B2%DB%8C-%D9%87%D8%A7%DB%8C-%D8%AA%D8%AD%D8%AA-%D9%88%D8%A8)
+--- انجمن: HTML & CSS (http://promakers.ir/Forum-HTML-CSS)
+--- موضوع: مشکل در ایجاد بکگراند ثابت در css (/Thread-%D9%85%D8%B4%DA%A9%D9%84-%D8%AF%D8%B1-%D8%A7%DB%8C%D8%AC%D8%A7%D8%AF-%D8%A8%DA%A9%DA%AF%D8%B1%D8%A7%D9%86%D8%AF-%D8%AB%D8%A7%D8%A8%D8%AA-%D8%AF%D8%B1-css)



مشکل در ایجاد بکگراند ثابت در css - mobina bayati - 14/4/1397

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

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

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

کد:
[color=#333333][font=is]<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: linear-gradient(to bottom, #33ccff 0%, #ffffff 100%);
background: url("img_tree.png") no-repeat right top;
margin-right: 200px;
}
</style>
</head>
<body>[/font][/color]
[color=#333333][font=is]<h1>Hello World!</h1>
</body>
</html>[/font][/color]