دوستان چطور میتونم این خاصیت رو تو همه مرورگر های استفاده بکنم ؟
مشکلی که دارم اینه که وقتی فرضا از width , ... برای اندازه هر قسمت استفاده میکنم IE قاطی میکنه و سایش یا زیاد میشه . یا کم میشه ...
؟؟؟؟؟؟؟
Printable View
دوستان چطور میتونم این خاصیت رو تو همه مرورگر های استفاده بکنم ؟
مشکلی که دارم اینه که وقتی فرضا از width , ... برای اندازه هر قسمت استفاده میکنم IE قاطی میکنه و سایش یا زیاد میشه . یا کم میشه ...
؟؟؟؟؟؟؟
با استفاده از آموزش و فایل های این سایت میتونی CSS3 رو حتی توی IE6 هم داشته باشی
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
مرسی دوست عزیز :31: متاسفانه تشکرم نداشت که تشکر کنم
حالا فرض کنیم که box-shadow ما blur ش 0 باشه اگه بخوایم سمت چپ ,پایین, راست 10px سایه داشته باشیم چطور باید دستورو تعریف کنیم؟ :31:
یه مشکل دیگه سایه رنگش عوض نمیشه ؟ :31:
کسی شما رو مجبور به تشکر نکرده
دوما همین که میتونی sahdow رو توی IE6 اجرا کننی خدا رو شکر کن ! بقیه رو نقدا خط بکش
فک کنم منظورتون از جمله ی "مرسی دوست عزیز [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] متاسفانه تشکرم نداشت که تشکر کنم" این بود که دکمه تشکر رو پیدا نکردید نه اینکه بگید که پست دوستمون web designer مفید نبوده و سوء تفاهم شده حالا بیخیال.
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
ببینید، این کد رو الان ما مثلا میخوایم استفاده کنیم:
جای direction که زاویه تابش نور و سایه رو تنظیم می کنیم.کد:filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=3);
color هم که رنگ رو مشخص می کنه
strength هم درست نمیدونم یا همون blur ه که شما میخواید یا اندازه ی سایست.
بله سو تفاهم بوده
دکمه تشکر نداشت که ازشون تشکر کنم.:31:
الان مشکلم اینه که با کدی که web design دادن, رنگ سایه در ie دیده نمیشهنقل قول:
جای direction که زاویه تابش نور و سایه رو تنظیم می کنیم.
color هم که رنگ رو مشخص می کنه
strength هم درست نمیدونم یا همون blur ه که شما میخواید یا اندازه ی سایست.
چیکارش کنم ؟
کد:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
.box {
-moz-border-radius: 0px; /* Firefox */
-webkit-border-radius: 0px; /* Safari and Chrome */
border-radius: 0px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
-moz-box-shadow: 10px 10px 0px #AAA; /* Firefox */
-webkit-box-shadow: 10px 10px 0px #AAA; /* Safari and Chrome */
box-shadow: 10px 10px 0px #AAA; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
background-color: #FFA;
behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}
.color
{
margin:30px;
background-color: #AAA;
}
</style>
</head>
<body>
<div class="box color">
blah blah
</div>
</body>
</html>
تا فردا فرصت بدید پیگیری میکنم !
یکم تند شدم ببخشید تو خرداد طبیعی هست :7:
جای
#AAA
رنگ مورد نظر رو بذارید دیگه
نه اونطوری هم رنگش عوض نمیشه .
پس از باگ های این فایل .htc هست فک کنم. اون کدی که دادم رو امتحان کردید؟
اره کد شما اون مشکل رو نداشت .
ولی یه مشکلی که داره اینه که هر چهار طرف سایه نمیدازه و فقط دو طرفی هستش
راستی من رفتم گوگل وقتی روی more کلیک میکنم یه کادری باز میشه که هر چهار ظرفش سایه داره (با ie)
ببین چجوری اینکارو کرده ؟
کد:#gbx3, #gbx4 {
background-color: #2d2d2d;
background-image: none;
_background-image: none;
background-position: 0 -138px;
background-repeat: repeat-x;
border-bottom: 1px solid #000;
font-size: 24px;
height: 29px;
_height: 30px;
opacity: 1;
filter: alpha(opacity=100);
position: absolute;
top: 0;
width: 100%;
z-index: 990
}
.gbxms {
background-color: #ccc;
display: block;
position: absolute;
z-index: 1;
top: -1px;
left: -2px;
right: -2px;
bottom: -2px;
opacity: .4;
-moz-border-radius: 3px;
filter:progid:DXImageTransform.Microsoft.Blur(pixelradius=5);
*opacity:1;
*top:-2px;
*left:-5px;
*right:5px;
*bottom:4px;
-ms-filter: "progid:DXImageTransform.Microsoft.Blur(pixelradius=5)";
opacity: 1\0/;
top: -4px\0/;
left: -6px\0/;
right: 5px\0/;
bottom: 4px\0/
}
.gbpd .gbmt {
opacity: .4;
filter: alpha(opacity=40)
}
.gbqfb {
background-color: #4d90fe;
background-image: -webkit-gradient(linear, left top, left bottom, from(#4d90fe), to(#4787ed));
background-image: -webkit-linear-gradient(top, #4d90fe, #4787ed);
background-image: -moz-linear-gradient(top, #4d90fe, #4787ed);
background-image: -ms-linear-gradient(top, #4d90fe, #4787ed);
background-image: -o-linear-gradient(top, #4d90fe, #4787ed);
background-image: linear-gradient(top, #4d90fe, #4787ed);
filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe', EndColorStr='#4787ed');
border: 1px solid #3079ed;
color: #fff !important
}