بک گراند های مختلف در یک DIV

محمدمهدیـ · دی 92

درود.

راهی هست که بشه ویژگی background در css رو جداگانه برای height ها متفاوت تعریف کرد ؟

من نمیخوام از 2 کلاس مختلف استفاده کنم

میخوام یک کلاس داشته باشم و

مثلا از ارتفاع 0 تا 200 از یک رنگ برای بک گراند و برای 200 تا 600 از یک عکس برای بک گراند استفاده کنم

چه کنم ؟

**Parsa** · دی 92

نمونه


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
@media screen and (max-height: 700px) {
    body {
	    background-color: #f00;
	    }
}
@media screen and (max-height: 400px) {
    body {
	    background-color: #0f0;
	    }
}
</style>
</head>
<body>
</div>
</body>
</html>

محمدمهدیـ · بهمن 92

ممنونم

ولی این در صورتی هست که صفحه بروزر کاربر تغییر کنه

یعنی در مجموع کاربر 1 رنگ رو می بینه در صفحه ی خودش

ولی چیزی که من میخوام دو رنگ هم زمان در یک div هست

قابل اجراست ؟

یعنی از ارتفاع 0 تا 200 سبز ، از 200 تا 500 قرمز باشه برفرض مثال !

**Parsa** · بهمن 92


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>

.divc {
    background: linear-gradient(top, #f00, #f00 120px, #0f0 80px, #0f0);
    background: -moz-linear-gradient(top, #f00, #f00 120px, #0f0 80px, #0f0);
    background: -webkit-linear-gradient(top, #f00, #f00 120px, #0f0 80px, #0f0);
    height:200px;
}

</style>
</head>
<body>
<div class="divc"></div>
</div>
</body>
</html>

محمدمهدیـ · بهمن 92

یه اعتراف :|

تا امروز گروهی رو ندیدم به وردپرس پارسی برسن :|

به خدا یکید همه تون ؛ حرف ندارید :rolleyes: :wub:

توی stackoverflow مطرح کردم بلد نبودن :|

ورود

بک گراند های مختلف در یک DIV

پست های پیشنهاد شده

محمدمهدیـ 122

لینک به ارسال

Parsa 23463

لینک به ارسال

محمدمهدیـ 122

لینک به ارسال

Parsa 23463

لینک به ارسال

محمدمهدیـ 122

لینک به ارسال

به گفتگو بپیوندید

فهرست بخش ها

فعالیت ها