אם אתה רוצה לוודא כי התמונה מופיע רקע ישתנה למסך מלא, ללא תלות ברזולוציה בשימוש על ידי מי שרואים בדף זה, עליך להשתמש טריק קטן בפועל לא ישמש מאפיין רקע קלאסית ברקע הדימוי אבל תודה סגנונות להשתמש (CSS) תמונה נורמלית משתנה למסך מלא, והניח גם ברמה נמוכה יותר מאשר תוכן אחר.
קוד הוא כדלקמן:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Background to fit screen</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Imagetoolbar" content="no">
<style type="text/css">
/ * דוחף את הדף קיבולת מלאה של אזור הצפייה * /
html {גובה: 100%;}
הגוף {גובה: 100%, שולי: 0; padding: 0;}
/ * מכין את תמונת הרקע על תפוסה מלאה של אזור הצפייה * /
# Bg {position: קבוע; העליון: 0; שמאל: 0; רוחב: 100%, גובה: 100%;}
/ * מיקומי מעל האות האנגלית התוכן של תמונת הרקע * /
# תוכן {position: relative; z-index: 1;}
</ Style>
<- [אם IE 6]>
<style type="text/css">
/ * כמה תיקוני CSS עבור דפדפני אינטרנט אקספלורר * /
html {הצפת-y: hidden;}
הגוף {הצפת-y: auto;}
# Bg {position: absolute; z-index: -1;}
התוכן # {position: סטטית;}
</ Style>
<[Endif] ->
</ Head>
<body>
<div id="bg"> <img src=" .jpg" yourimage width="100%" height="100%" alt=""> </ p>
<p> <div id="content"> הזן המון טקסט או כל דבר אחר כאן. </ p> <DIV />
</ Body>
</ Html>
12 נובמבר 2010 20:08
שלום מוריס .... עקבתי אחרי ההוראות שלך למכתב אבל מצאתי כמה בעיות ... עבודה לא עובד, במובן זה עם פטירתו של הדף ברקע לבן ו-Internet Explorer שלי חסומה לחלוטין .... איך אני יכול לתקן את זה???
תודה על תשומת הלב שלך ואת הזמינות
פול
12 נובמבר 2010 20:36
שלום פול,
ניסיתי עם FF 4.0b7, IE8 ו-Opera 10.63 בלי שום בעיות (קבוע בתצוגת טקסט מלא, המסך יהיה לגלול).
בדוק אז אתה עושה הכל נכון.
12 נובמבר 2010 20:51
זה נכון!! תודה תודה!
12 נובמבר 2010 20:53
שוב תודה על ההצעה שלך פוסט! הוכיח מאוד שימושי! תודה
12 נובמבר 2010 21:02
אני מבין מה השתבש ... בעצם כשאני להחיל את הסגנון אני 6 שמטריד אותי ....
ספק, אבל אתה כותב כמו שאתה דיווח, או כי הוא עם שני מקפים?
שוב תודה על טוב לבך ואת תשומת הלב
פול
24 נובמבר 2010 11:11
מיתי ... הצלת אותי!
22 ספטמבר 2011 10:59
אנשים: IE9 קוד כאן שינויים כפי שאתה יודע מאחרים אם אתה מפתח עם קוד פתוח יהיה של עזרה ממשית. זה יעשה את הדפים שלך נראה IE9
הכנס אותו מקום כבר יש:
הקוד המסופק על ידי גוגל