PDA

View Full Version : سایه دار کزدن دایو



jamejam123
چهارشنبه 28 دی 1390, 22:46 عصر
سلام
همگی خسته نباشید
ببخشید من می خوام تو سی اس اس یه قسمتی را سایه دار کنم.چی کار کنم.

hamid_shrk
پنج شنبه 29 دی 1390, 08:36 صبح
با css3 این کار رو انجام بدید.
برای اینکه تو IE هم جواب بده به این لینک (http://css3pie.com/)سر بزنید

mamali-mohammad
پنج شنبه 29 دی 1390, 14:16 عصر
box-shadow:1px 1px 5px rgba(0,0,0,1)

Saber Mogaddas
پنج شنبه 29 دی 1390, 14:20 عصر
css 3 و دستور box-shodow
مثال :

box-shadow: 4px 1px #909090;

روش های دیگه هم هست که بدون استفاده از css3 انجام داد..مثل گزاشتن عکس با opacity کم پشت باکس..
موفق باشی..

cyrusthegreat
پنج شنبه 29 دی 1390, 23:49 عصر
css 3 و دستور box-shodow
مثال :

box-shadow: 4px 1px #909090;

روش های دیگه هم هست که بدون استفاده از css3 انجام داد..مثل گزاشتن عکس با opacity کم پشت باکس..
موفق باشی..

سلام دوست عزیز

استفاده از opacity در مرورگر های مختلف و ورژن هاشون متفاوت هست و بعضی ها حتی پشتیبانی نمی کنن. تنها راه حل ای که در تمام مرورگر ها جواب می ده این هست که شما اون باکس رو سه قسمت کنی. بالا وسط و پایین. بعد یه باکس گرافیکی توی photoshop بسازی به همون اندازه ی مورد نظر بعد سه قسمتش کنی و بدی توی background دایو هات. البته background دایو بالا و پایین باید no-repeat باشه و برای دایو وسطی باید repeat-y باشه.

البته روش دوست عزیز، hamid_shrk نیز کاملا جوابگو هست برای مرورگر های امروزی و نسخه های قبلی IE.

mamali-mohammad
جمعه 30 دی 1390, 12:00 عصر
طبق این کد شما در مرورگرهای IE7+ , FF , Opera , Safari , Chrome می تونی از opacity استفاده کنی :

opacity: .5;
filter: alpha(opacity=50);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50 )";