تغییر شفافیت در css

[mammad99]

سلام
می خواستم بدونم برای متن هم مثل عکس در css چیزی هست که بشه شفافیت رو تغییر داد مثلا برای عکس در css مینویسیم
opacity:0.5
برای متن هم همچین چیزی وجود داره ؟

[titreaval]

خود اون برای همه چیز هست
شاید اگر نتونستید همه چیز از جمله متن را در css بگیرید ...
از -moz- -o- -ms- -webkit- استفاده نکردید
و ساپورد نداشتند
البته معمولا این بخش های جدید تازه در css3 جون گرفتند و قبلا نبودند ...

.transparent_class {
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
-ms-opacity: 0.5;
-webkit-opacity: 0.5;
opacity: 0.5;

}




اما اگه قرار بر این باشه که هر مرورگری بخونه
وگرنه این کار لازم نیست و opacity به تنهایی با تمام همه مرورگرها به خوبی کار می کنند
به شرطی که آخرین ورژن باشند ...

[mammad99]

ببخشید
این ادرس سایت من هست و اسلاید شوییکه در اون موجود هست رو نگاه کنید روی اخبار هاله ای وجود داره که روی اون هاله متن قرار داره می خوام این متن واضحتر بشه باید چیکار کنم هرکاری کردم نشد
http://jalase.net/site/
ممنون از جواب ها تون

[titreaval]

div .moduletable ul li:hover, .moduletable_haram2 ul li:hover, .moduletable_haram ul li:hover, .moduletable_samen ul li:hover {
background-attachment: scroll;
background-clip: border-box;
background-color: #0F7FD4;
background-origin: padding-box;
background-position: right center;
background-repeat: no-repeat;
background-size: auto auto;

}





حذف :
background-color: #0F7FD4;

---------------------------------------------------------------------------------



<div class="q-main-item-desc" style="width: 600px; height: 120px; opacity: 0.2; bottom: 0px; right: 0px;">
به




<div class="q-main-item-desc" style="width: 600px; height: 120px; opacity: 0.8; bottom: 0px; right: 0px;">
-------------------------

فونت بسیار زشت :



body {
background-attachment: fixed;
background-image: url("../img/bg8.jpg");
background-position: center center;
background-repeat: no-repeat;
color: #000000;
direction: rtl;
font-family: 'B nazanin','B zar','B lotus',Tahoma,Arial,Geneva,sans-serif;
font-size: 14px;
line-height: 20px;
text-align: right;
}

ویرایش به

font-family:Tahoma;
font-size: 12px;



و در آخر , قالب سایت خیلی بد
باید حد اقل 10 مورد دیگر ویرایش شود

[mammad99]

متاسفانه نشد راه دیگه ای نداره !!!

[mammad99]

ببخشید با چه مرورگری برم فقط کد های html دیده میشه

[mammad99]

میشه ایدتون رو بدید که سریع تر باهم در ارتباط باشیم

[qartalonline]

شما برای اون قسمت که دارای کلاس q-main-item-desc است. خاصیت background و opacity رو حذف کنید و از استایل زیر استفاده کنید:
background-color:rgba(255,255,255,.5);

[titreaval]

qartalonline (http://barnamenevis.org/member.php?249869-qartalonline)
نه اون تو استایلش نیست
تو سورسش هست
و وقتی در سورس باشه چون استایل صدا زده شده در سطرهای اول اثر نمیزاره
همیشه آخرین استایل موثر هست....

بک گراند هم درستش کرد . مشکلی که اونقت داشت و من گفتم حذف کنه حالت سکلتی بود که در اسلاید شو مشاهده میشد
و بعد از چیزی که گفتم و حذف کردند درست شد ...

[mammad99]

متن درست شد ولی هاله پشتش خیلی پررنگ شده میخوام کمرنگ بشه یا اصلا نباشه

[mammad99]

فونتش هم تاهوما کردم ولی نگفتید چطوری اون هاله رو کمرنگ کنم یا کلا برش دارم

[qartalonline]

راههای مختلفی وجود داره ولی بهتره از راه منطقی ، اصولی و استاندارد استفاده بشه.

[mammad99]

خوب اگه تغییرش بدم متن هم باهش تغییر میکنه
هرکاری گفتید رو انجام دادم ولی هاله نرفته اگه بگید دقیا کجا رو تغییر بدم ممنون میشم

[qartalonline]

کد html اون قسمت رو بصورت زیر تغییر بدید:

<div class="q-main-item-desc" style="background-color:rgba(255,255,255,.4);width:600px;height:120p x;bottom:0px;right:0px;">

[titreaval]

بله بشرطی که محمد 99 تازه کار نباشند و بدونند بجای استایل در خود تگ دیو باید آی دی یا کلاس بزارند و از استایل مرکز style.css تغییر ایجاد بدهند
که در w3 هم کدشون قانونی (قانون کد نویسی رعایت باشه) باشه

[qartalonline]

<div class="q-main-item-desc" style="width: 600px; height: 120px; opacity: 0.2; bottom: 0px; right: 0px;">
به




<div class="q-main-item-desc" style="width: 600px; height: 120px; opacity: 0.8; bottom: 0px; right: 0px;">






من در پست اول همینو به ایشون گفتم ولی !!!


1. من تو کد شما استایل زیر رو ندیدم:
background-color:rgba(255,255,255,.4);

2. تو کد شما opacity حذف نشده.

[mammad99]

اقا خیلی خوب شد اگه بخوام اصلا نباشه چی ؟
ممنون از جواب های شما
ببخشید شما رو انقدر اذیت کردم معذرت میخوام
خیلی خیلی ممنون درست شد اون چیزی که میخواستم شد

[qartalonline]

خوب اگه میخواین حذف بشه بکگراندشو حذف کن.

[titreaval]

دو تگ :


<div class="q-main-item-desc" style="width: 600px; height: 120px; opacity: 0.8; bottom: 0px; right: 0px;">

<div class="q-main-item-desc" style="width: 600px; height: 120px; opacity: 0.8; bottom: 0px; right: 0px;">
به


<div class="q-main-item-desc" style=" background-color: #fff; width: 600px; height: 120px; bottom: 0px; right: 0px;">

<div class="q-main-item-desc" style=" background-color: #fff; width: 600px; height: 120px; bottom: 0px; right: 0px;">
وبعد

در style.css

.q-main-item-desc {
bottom: 0;
height: 120px;
opacity: 0;
position: absolute;
right: 0;
width: 600px;


}



opacity: 0; حذف


اینم تو استایت هست که حذف

background-color: hsl(206, 87%, 45%);

[titreaval]

پست های اضافی حذف گردید
و کد برای درست شدن مشکل سایت ایشون قرار داده شد

و پست از نظر من قفل :)