PDA

View Full Version : سوال: نوشته های سایه دار توسط CSS



Iran58
یک شنبه 18 دی 1390, 07:41 صبح
سلام
يك متن را چگونه مي توانم توسط css سايه دار كنم؟
باتشكر

hamid_shrk
یک شنبه 18 دی 1390, 08:51 صبح
text-shadow: 0.1em 0.1em 0.05em #333

ravand
یک شنبه 18 دی 1390, 10:52 صبح
اين روش توي برخي از مرورگرها ازش پشتيباني نميشه .

hamid_shrk
یک شنبه 18 دی 1390, 11:14 صبح
اين روش توي برخي از مرورگرها ازش پشتيباني نميشه .
بله متاسفانه.
IE چیو پشتیبانی میکنه آخه!!!!!!
راه حلش استفاده از جی کوئریه که ایشون css خواستن

Iran58
یک شنبه 18 دی 1390, 12:53 عصر
سلام
پيدا كردم
در html

<div id=“shadow”> <span class=“firstlayer”>Text with shadow using CSS</span> <span class=“secondlayer”>Text with shadow using CSS</span> </div>
در Css

html, body { margin: 0px; padding: 0px; } body { background-color: #DDDFD7; font-family: Tahoma; font-size: 11px; text-align: center; } #shadow{ width: 500px; height: 200px; margin: 20px auto 20px auto; padding: 0px; text-align: left; position: relative; border: solid 1px #fff; } .firstlayer { font-size: 18px; font-weight: bold; color: #fff; position: absolute; top: 20px; left: 20px; z-index: 1; } .secondlayer { font-size: 18px; font-weight: bold; color: #aaa; position: absolute; top: 22px; left: 22px; z-index: 0; }

idocsidocs
دوشنبه 19 دی 1390, 01:29 صبح
راه حلش استفاده از جی کوئریه که ایشون css خواستن می شه بگید که آیا جی کوئری باعث می شه که تگها توی اینترنت اکسپلورر هم سایه دار بشن یا نه؟

hamid_shrk
دوشنبه 19 دی 1390, 08:43 صبح
آره میشه ولی خوب بعضی از پلاگین ها هم این موضوع رو پشتیبانی نمیکنن

idocsidocs
دوشنبه 19 دی 1390, 09:23 صبح
آره میشه ولی خوب بعضی از پلاگین ها هم این موضوع رو پشتیبانی نمیکنن

منظورتون چه پلاگینهایی هست؟

hamid_shrk
دوشنبه 19 دی 1390, 09:47 صبح
بعضی از پلاگین cross brows نیستن دیگه.
به این لینک یری بزنید :
http://www.ittutorial.ir/20-%D8%A7%D9%81%DA%A9%D8%AA-%D8%AC%DB%8C-%DA%A9%D9%88%D8%A6%D8%B1%DB%8C-%D8%A8%D8%B1%D8%A7%DB%8C-%D9%85%D8%AA%D9%86/