תמונת רקע בHTML CSS לדף

[shaithebest]

הי

יש תמונת רקע שאני מאוד רוצה להכניס לעמוד שאת התמונה הורדתי מגוגל תמונות והיא על 150 על 113

אני אוצה שהיא תהיה תמונת רקע בלי REPEAT

אז אני נותן פקודת CSS כזו.:

body
    {
      direction: rtl;
      background-image: url(p61e6hoveretcss/images/nba3.jpg);
      background-position: center;
      background-repeat:inherit;
    }

ואז התמונה מתפזרת,וכל פקודה אחרת שאני נותן כמו REPEAT-X, REPEAT-Y, INHERIT לא יוצא כמו שאני רוצה!

רציתי שהתמונה תתאים את עצמה למסך אז השאלה היא האם זה כבר דברים שצריך לשנות בפוטושופ ולהתאים רזולוציה או שאפר להתחמק מהפוטושופ ורק עם CSS HTML אפשר לסדר את התקלה?

תודה לעוזרים

[etal]

לא יודע מה אתה מתכוון בזה שהתמונה מתפזרת אבל גודל תמונת הרקע ב-css הוא תמיד בדיוק כמו גודל התמונה המקורית, הוא לא יודע להתאים אותה למסך או לשום דבר אחר.

[shaithebest]

התמונה מתפזרת זתומרת מכפילה את עצמה המון פעמים ואני רוצה שהיא תהיה פעם אחת לאורך כל המסך!

איזו פקודת CSS?או איך משנים את רזולוציית התמונה?

[etal]

כדי שהיא תופיע רק פעם אחת תשנה את זה ל:

background-repeat: no-repeat;

כאמור אין שום דרך לשנות את רזולוציית התמונה למעט בעזרת תוכנה חיצונית כמו photoshop רק תזכור שלא לכל המשתמשים אותה רזולוציית מסך וצריך לתכנן את העיצוב בהתאם.

[shaithebest]

כן נכון לא לכל המשתמשים יש את אותה רזולוציית מסך ולכן בונים אתר על 800X600 או שאני טועה?

איך אני עושה שהתמונה תתאים לכל המסך?

[Shlompy]

אתה יכול לעשות זאת ב CSS 3:

background-size: 100%;

הנה המקור ועוד "טריק" למתוח תמונה ב CSS (לא ב CSS3):

http://webdesign.about.com/od/css3/f/blfaqbgsize.htm

[shaithebest]

משום מה הויזואל web developer מסמן שהפקודה הזו היא טעות background-size:100%

ולא משנה כלום

[Shlompy]

אז כנראה שהוא לא מעודכן עדיין ל CSS3.

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

נסה בדפדפן שתומך ב CSS3.

בכל מקרה, תשאל את עצמך עם כדאי לך לבסס את זה על CSS3 כי זה עדיין חדש יחסית, ורק הגרסאות האחרונות של הדפדנים תומכים ב CSS3, אני לא בטוח ב 100% אבל אולי גם יש כאלה שעדיין לא תומכים.

תנסה אולי את השיטה העקומה לעשות את זה ב CSS2 בקישור שהבאתי לך.

אני לא חושב שיש לך הרבה ברירה.

[etal]

התמיכה ב-css 3 היא עדיין חלקית מאוד ברוב הדפדפנים, אין שום סיכוי שזה יעבוד באף אחת מהגרסאות של אקספלורר.