PDA

View Full Version : سوال: شیوه های مربوط به scroll bar


فاطمه_14
شنبه 21 مرداد 1391, 14:29 عصر
سلام
با این کد می شه یه scroll رنگی برا صفحه گذاشت ولی مشکلی که این کد داره اینه که در مرورگر فایرفاکس پشتیبانی نمی شه ولی تو IE اجرا می شه
body{
scrollbar-face-color :rgb(160,176,134);
scrollbar-highlight-color :rgb(238,237,229);
scrollbar-track-color: rgb(244,241,236);
scrollbar-arrow-color : #FFffff;
}
Saber Mogaddas
یک شنبه 22 مرداد 1391, 10:42 صبح
سلام
این دستورات فقط از طرف مرورگر ie ساپورت میشه و تو مرورگر های دیگه تاثیر گذار نیست ..
در اینجا w3 درباره این دستورات می گوید (http://www.w3.org/Style/Examples/007/scrollbars.html#translations) اگه توجه کنید فقط بعضی از ورژن های مرورگر Ie این دستورات رو ساپورت می کنن..
معمولا برای اینکار در مرورگری مثل ff ابتدا مرورگر رو حذف می کنند overflow:hidden و توسط پلاگین های jquery صفحه رو scroll می دهند..
موفق باشید..
فاطمه_14
دوشنبه 23 مرداد 1391, 12:11 عصر
سلام
این کد یه scroll سبز رنگ که در IE پشتیبانی می شه رو نشون می ده ولی وقتی من نوع سند رو تعیین می کنم یعنی می نویسم:<Doctype html!> این scroll رو رنگی نشون نمی ده می دونید جرا؟
این هم کد من یه بار نوع سند رو مشخص کنید یه بار نه

<html>
<head>
<style>
body
{
scrollbar-face-color :rgb(160,176,134);
scrollbar-highlight-color :rgb(238,237,229);
scrollbar-track-color: rgb(244,241,236);
scrollbar-arrow-color : #FFffff;
}
</style>
</head>
<body>

this is paragraph<p/>

this is paragraph<p/>

this is paragraph<p/>

this is paragraph<p/>

this is paragraph<p/>

this is paragraph<p/>

this is paragraph<p/>

this is paragraph<p/>

this is paragraph<p/>

this is paragraph<p/>

this is paragraph<p/>

this is paragraph<p/>

this is paragraph<p/>

this is paragraph<p/>

this is paragraph<p/>

this is paragraph<p/>

this is paragraph<p/>

this is paragraph<p/>

this is paragraph<p/>

this is paragraph<p/>

this is paragraph<p/>

this is paragraph<p/>

this is paragraph<p/>

this is paragraph<p/>

this is paragraph<p/>
</body>
</html>