הוסטס - פורום אחסון האתרים הגדול בישראל - Opacity חל על כל התוכן של הדיב.

הוסטס - פורום אחסון האתרים הגדול בישראל (https://hosts.co.il/forums/index.php)

- פורום תיכנות (https://hosts.co.il/forums/forumdisplay.php?f=14)

- - Opacity חל על כל התוכן של הדיב. (https://hosts.co.il/forums/showthread.php?t=101144)

איציק ברבי

19-11-12 21:47

Opacity חל על כל התוכן של הדיב.

יש לי כזה דבר,

HTML קוד:

<div style="background-color:#fff;opacity:0.4">

 <span style="color:#fff">תוכן תוכן תוכן</span>

</div>

עכשיו כל הקטע שהתוכן שנמצא בspan גם הוא מקבל את ה opacity ולא מוצג.

דוג':

http://build-net.co.il/2

אדיר	19-11-12 22:22

כי זה בדיוק מה שאתה עושה - אתה נותן שקיפות לדיב.
לפי מה שאני מבין אתה רוצה לתת שקיפות לרקע בלבד, אז ככה -

קוד:

background-color: rgba(255, 255, 255, 0.4);

קח בחשבון שבחלק מהדפדפנים הישנים יותר זה לא נתמך וכדאי ליצור fallbacks מתאימים.

איציק ברבי

19-11-12 22:28

ציטוט:

נכתב במקור על ידי xPerfection (פרסם 863629)

כי זה בדיוק מה שאתה עושה - אתה נותן שקיפות לדיב.
לפי מה שאני מבין אתה רוצה לתת שקיפות לרקע בלבד, אז ככה -

קוד:

background-color: rgba(255, 255, 255, 0.4);

קח בחשבון שבחלק מהדפדפנים הישנים יותר זה לא נתמך וכדאי ליצור fallbacks מתאימים.

תודה, תותח!

MAORBARI

19-11-12 23:55

ציטוט:

נכתב במקור על ידי xPerfection (פרסם 863629)

כי זה בדיוק מה שאתה עושה - אתה נותן שקיפות לדיב.
לפי מה שאני מבין אתה רוצה לתת שקיפות לרקע בלבד, אז ככה -

קוד:

background-color: rgba(255, 255, 255, 0.4);

קח בחשבון שבחלק מהדפדפנים הישנים יותר זה לא נתמך וכדאי ליצור fallbacks מתאימים.

מה זה אומר fallbacks?

אביב	20-11-12 00:10

פתרון יעיל שתומך בכול הדפדפנים, רק אם אני לא טועה אני לא חושב שהוא עובד ואלדיציה של CSS.

HTML קוד:

.transparent {

  /* IE 8 */

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";



  /* IE 5-7 */

  filter: alpha(opacity=40);



  /* Netscape */

  -moz-opacity: 0.4;



  /* Safari 1.x */

  -khtml-opacity: 0.4;



  /* Modren browsers like Chrome :) */

  opacity: 0.4;

}

אדיר	20-11-12 07:43

איך זה יותר יעיל אם כבר הוסכם שזה לא מה שהוא צריך? זה הרי מה שהוא עשה מלכתחילה.

Maorbari:
משהו שיקרה כשזה לא עובד ו/או נתמך,
לצורך העניין רקע לבן מלא.

MAORBARI

20-11-12 08:09

ציטוט:

נכתב במקור על ידי xPerfection (פרסם 863644)

אה הבנתי..
ז"א למשל הודעה שתופיע על המסך אם אין תמיכה ב JS למשל או בפלאש.. זה fallbacks בעקרון?

תודה על התשובות.

אדיר	20-11-12 09:38

סוג-של..
לצורך העניין במקרה הזה - אם אין תמיכה ב- RGBa, אז יהיה RGB עם צבע לבן (בלי שקיפות) שאת זה גם דפדפן שלא תומך ב RGBa יכול לקרוא.

IgalSt

20-11-12 17:40

ציטוט:

נכתב במקור על ידי xPerfection (פרסם 863648)

יש לי שפן בכובע!

יש אפשרות לעשות fallback יותר טוב מזה עבוד דפדפני IE ישנים שלא תומכים ב-rgba.
בעיקרון זה כולל לחשב צבע hex בצורה מיוחדת הבנוי מ-8 תוים (בניגוד ל-6 בד"כ) ושימוש בגרדיאנט (filter).
מידע מלא בתשובה הזאת ב-SO

Haimz

20-11-12 18:03

ראיתי את ההודעה הזו באשכול שיגאל שלח:

A bulletproof solution: Upload this file to your css directory. Use it like this.

קוד:

background: url(rgba.php?r=255&g=100&b=0&a=50) repeat;

background: rgba(255,100,0,0.5);

קוד:

background: url(rgba.php?name=white&a=50) repeat;

background: rgba(255,255,255,0.5);

this method supports ie7+ and other major browsers. Happy Coding ! (Thanks http://lea.verou.me)

נראה ממש מגניב, תוכל לנסות

כל הזמנים הם GMT +2. הזמן כעת הוא 03:24.