PDA

View Full Version : مشکل IE با خاصیت transparent



محمد شهرکی
یک شنبه 20 فروردین 1391, 11:49 صبح
سلام دوستان من می خوام که یک دکمه (button) شیشه ای داشته باشم ،‌ این کد رو پیدا کردم اما تو مرورگر IE و Chrome به مانند FireFox و Opera نیست ،‌ می خوام این کدی که اینجا برای شما دوستان قرار میدم تو این چهار مرورگر یکی باشه .

کسی می تونه کاری بکنه :ناراحت:

.div_glass
{
width: 100px;
height: 50px;
margin: 10px;
padding: 0;
border: 1px solid rgba(0,0,0,0.5);
border-: 1px solid rgba(0,0,0,0.5);
border-radius: 10px 10px 2px 2px;
background: rgba(0,0,0,0.25);
box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);

-o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);

-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);

-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
color:#FFFFFF;
font-family:tahoma;
font-size:12px;

}

cyrusthegreat
یک شنبه 20 فروردین 1391, 12:47 عصر
دوست عزیز

باید هم درست عمل نکنه. نسخه های پایین تر از نه ie اصلا تعریف نشده و راهکار استفاده از فایل های .htc هست که پیشنهاد نمی شه و استفاده از فیلتر های ie هست که یک نمونه کدش اینه:

/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength= 4, Direction=135, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength= 4, Direction=135, Color='#000000');

hamid_shrk
یک شنبه 20 فروردین 1391, 18:52 عصر
این کار رو با جی کوئری هم میتونید انجام بدید به اینصورت :

<script type="text/javascript">
$(document).ready(function () {
$("#Image").animate({ "opacity": 0.5 });
});
</script>

در کد بالا هر کنترلی که id اون برابر Image باشه شفاف میشه.
مقدار opacity بین 0 تا 1 متغیر هست.