مركز صورة خلفية

StackOverflow https://stackoverflow.com/questions/1765784

  •  21-09-2019
  •  | 
  •  

سؤال

enter image description here

يرجى إلقاء نظرة على لقطة الشاشة أعلاه ، أريد أن أركز صورة ذات خلفية سوداء ، لكنني أحصل على مساحة بيضاء في الأسفل. من فضلك هل يمكن لأي شخص مساعدتي في إصلاح هذا.

CSS

.bgimg {
    background: url('../images/GBS-Chronicle-Background-1.png') black no-repeat center;
}
div#cont {
    height: 672px;
}

لغة البرمجة 

<body class="bgimg">
<div id="doc2">
    <div id="hd"></div>
    <div id="bd">
        <div id="cont">
            <div class="middle">
                <p> hi hello </p>
            </div>
        </div>
    </div>
    <div id="fd"></div>
</div>
هل كانت مفيدة؟

المحلول

حاول إضافة هذا:

html,body { height:100%; }

نصائح أخرى

حاول الإعداد height:100%; على الخاص بك .bgimg صف دراسي.

يحرر: قد ترغب أيضًا في ضبط padding:0;margin:0; لك .bgimg الفصل وكذلك فقط للتأكد.

أعتقد أن GBS-Chronicle-Background -1.PNG ليس مرتفعًا بما يكفي. يمكنك إما إضافة لون الخلفية إلى أسود أو تكرار الصورة مع Y.

حاول تغيير ترتيب قاعدة الخلفية الخاصة بك حتى يأتي اللون أولاً.

background: black url('../images/GBS-Chronicle-Background-1.png') no-repeat center;

جرب هذا أيضًا (كما تم اقتراحه أعلاه):

الجسم {color:#000000 ؛}

أيضا: أود أن أقترح التعليق على ارتفاع المحتوى الخاص بك div كذلك. و/أو تعيين لون bkg للمحتوى div إلى نفس لون الجسم. امل ان يساعد! قون

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top