Как заставить изображение соблюдать ограничения веб-страницы?

Question

Как заставить изображение соблюдать ограничения веб-страницы?

0

Я хотел сделать это в CSS, но javascript тоже в порядке.

У меня есть png-образ, который я использую в качестве строки меню, которую я положил поверх своего фонового изображения. Theres часть изображения, которая превышает страницу справа. Я хочу, чтобы его просто вырезали из экрана, а не исправляли веб-страницу и делали белую линию справа от моего фонового изображения.

На всякий случай CSS:

position:absolute;
left:2%;
width:120%;
top:-220px;
height:700px;
z-index:6;

Любая помощь приветствуется! Спасибо!

nicklegault101 14 апр. 2014, в 18:09

Источник

1

Установить ширину на 100% ? Или родитель для overflow: hidden ?
putvande 14 апр. 2014, в 15:41
2

нам потребуется больше информации, чтобы ответить: HTML и CSS родительских элементов.
web-tiki 14 апр. 2014, в 15:44
0

Спасибо, Путванде! Не знал об этой собственности!
nicklegault101 14 апр. 2014, в 20:07

Показать ещё 1 комментарий

Теги:

html

css

image

limit

2 ответа

Ещё вопросы

Установить ширину на 100% ? Или родитель для overflow: hidden ?
нам потребуется больше информации, чтобы ответить: HTML и CSS родительских элементов.
Спасибо, Путванде! Не знал об этой собственности!

Simon · Answer 1 · 2014-04-14T14-35-00.000Z

как насчет фонового размера: обложка;

#abc {
    background: url(http://i.imgur.com/nvH8nI3.jpg) 50% 0 repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

Ishita · Answer 2 · 2014-04-14T13-19-00.000Z

Может быть установлена ширина до 100% или меньше!