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

איציק ברבי · 19-11-12, 21:47

יש לי כזה דבר,

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

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

קוד:

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

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

תודה, תותח!

MAORBARI · 19-11-12, 23:55

ציטוט:

נכתב במקור על ידי xPerfection

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

קוד:

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

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

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

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

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

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

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

**IgalSt** · 20-11-12, 17:40

ציטוט:

נכתב במקור על ידי xPerfection

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

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

יש אפשרות לעשות 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);

OR

קוד:

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)

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

19-11-12, 21:47	# 1
איציק ברבי עסק רשום [?] מיני פרופיל תאריך הצטרפות: Feb 2011 הודעות: 970	Opacity חל על כל התוכן של הדיב. יש לי כזה דבר, HTML קוד: <div style="background-color:#fff;opacity:0.4"> <span style="color:#fff">תוכן תוכן תוכן</span> </div> עכשיו כל הקטע שהתוכן שנמצא בspan גם הוא מקבל את ה opacity ולא מוצג. דוג': http://build-net.co.il/2 __________________ איציק ברבי - שירות לקוחות כתובת אתר: http://build-net.co.il/ איימל: Support@build-net.co.il טלפון: 052-3937296.

19-11-12, 22:22	# 2
אדיר עסק רשום [?] מיני פרופיל תאריך הצטרפות: Mar 2008 מיקום: אשקלון הודעות: 1,714	כי זה בדיוק מה שאתה עושה - אתה נותן שקיפות לדיב. לפי מה שאני מבין אתה רוצה לתת שקיפות לרקע בלבד, אז ככה - קוד: background-color: rgba(255, 255, 255, 0.4); קח בחשבון שבחלק מהדפדפנים הישנים יותר זה לא נתמך וכדאי ליצור fallbacks מתאימים. __________________ LinkedIn \| אני, אדיר \| העלאת תמונות

20-11-12, 00:10	# 5
אביב עסק רשום [?] מיני פרופיל תאריך הצטרפות: Aug 2011 הודעות: 250	פתרון יעיל שתומך בכול הדפדפנים, רק אם אני לא טועה אני לא חושב שהוא עובד ואלדיציה של 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; } __________________ חצור אתרים* LinkedIn \| Gmail \| Website

20-11-12, 07:43	# 6
אדיר עסק רשום [?] מיני פרופיל תאריך הצטרפות: Mar 2008 מיקום: אשקלון הודעות: 1,714	איך זה יותר יעיל אם כבר הוסכם שזה לא מה שהוא צריך? זה הרי מה שהוא עשה מלכתחילה. Maorbari: משהו שיקרה כשזה לא עובד ו/או נתמך, לצורך העניין רקע לבן מלא. __________________ LinkedIn \| אני, אדיר \| העלאת תמונות

20-11-12, 09:38	# 8
אדיר עסק רשום [?] מיני פרופיל תאריך הצטרפות: Mar 2008 מיקום: אשקלון הודעות: 1,714	סוג-של.. לצורך העניין במקרה הזה - אם אין תמיכה ב- RGBa, אז יהיה RGB עם צבע לבן (בלי שקיפות) שאת זה גם דפדפן שלא תומך ב RGBa יכול לקרוא. __________________ LinkedIn \| אני, אדיר \| העלאת תמונות


	ההרשמה לפורום נפתחה - אפשרות רישום לכל אימייל (דומיינים פרטיים, gmail, הוטמייל..)!

20-11-12, 18:03	# 10
Haimz חבר וותיק מיני פרופיל תאריך הצטרפות: Sep 2010 הודעות: 1,221	ראיתי את ההודעה הזו באשכול שיגאל שלח: 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); OR קוד: 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) נראה ממש מגניב, תוכל לנסות

חברים פעילים הצופים באשכול זה: 1 (0 חברים ו- 1 אורחים)