Вопрос по background, css, background-image, web, html – полноэкранный фон HTML

0

я пытаюсь показать картинку в качестве фона моего сайта, поэтому ям, используя следующий код

HTML:


     <img src="images/background.jpg" id="bg" alt="background_image">

Css:

#bg {
    width: 100%;
    height: 75%;
    position: absolute;
    z-index: -5000;
}

Мне было интересно, как я могу ограничить размер фона, потому что я нене хочу, чтобы он растягивался более чем на 2000 пикселей.

Спасибо

background-size является одним из вариантов использования. Для подробной информации проверьтеcss3.info/preview/background-size lukeocom

Ваш Ответ

5   ответов
0

попробуй это

#bg {
width: 100%;
height: 100%%;
background-size:100%;
}
0

Ты можешь использоватьmax-width

#bg {
    width: 100%;
    height: 75%;
    position: absolute;
    z-index: -5000;

    max-width: 2000px; /* use this to limit the maximum width */
}
0

У меня нетЯ проверил это, но добавлюmax-width:2000px; на ваш селектор #bg.

1

Я бы использовал следующий CSS:

html { 
    background: url(images/bg.jpg) no-repeat center center fixed;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

и удалите свой div полностью.

Чтобы ограничить размер вы можете:

#bg {
    min-height: 100%;
    max-width: 2000px;
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    bottom: 0;
}
1

Просто включите max-width в ваш CSS.

 #bg {
    width: 100%;
    max-width: 2000px;
    height: 75%;
    position: absolute;
    z-index: -5000;
}

Похожие вопросы