Размещение фонового изображения в CSS

Question

Размещение фонового изображения в CSS

0

Мне нужно использовать background-image CSS, чтобы отображать изображение в div, но также необходимо, чтобы положение background-image было немного (возможно, 1 или 2%) влево (эквивалент margin-left: -2%;).

Я не знаю, как это сделать. Я посмотрел на background-position, но, похоже, это не то, что мне нужно.

Как я могу div background-image div в CSS?

Пример показан ниже. Серый блок - это div, а синий круг - background-image. Обычно этот круг будет только в левом верхнем углу div. Но мне нужно настроить его положение, даже если это background-image а не ваш типичный элемент <img/>.

Как я могу это сделать?

uSeRnAmEhAhAhAhAhA 18 апр. 2014, в 23:01

Источник

2

Вы пробовали background-position ?
Iqbal Fauzi 18 апр. 2014, в 20:05
0

@IqbalFauzi Спасибо, я упомянул в своем вопросе, что я пробовал background-position , но моя IDE продолжала давать мне красные загогулины, когда я использовал это, поэтому я думал, что не собираюсь использовать это таким образом.
uSeRnAmEhAhAhAhAhA 18 апр. 2014, в 20:07
1

ОП сказал, что имел, не уверен, почему это было не так для него, однако.
Ian Clark 18 апр. 2014, в 20:07
0

Можете ли вы опубликовать фактический код, который вы используете? А jsFiddle тоже возможно?
j08691 18 апр. 2014, в 20:08
0

Я думаю, что это может быть просто ошибка в Visual Studio (может быть). Я просто посмотрел спецификации для background-position (о чем я должен был подумать, прежде чем спрашивать здесь), и, очевидно, я могу использовать его, чтобы делать то, что я хочу: w3.org/wiki/CSS/Properties/background-position
uSeRnAmEhAhAhAhAhA 18 апр. 2014, в 20:09
1

эй, проверь эту скрипку jsfiddle.net/NRXtz/2 надеюсь, это поможет ...
dippas 18 апр. 2014, в 20:21
0

Я второй @ j08691, нам нужно нечто большее, чтобы работать с этим.
Amir5000 18 апр. 2014, в 20:44
0

Спасибо @dippas, это прекрасно работает. Я постараюсь принять, если вы хотите, чтобы это было ответом.
uSeRnAmEhAhAhAhAhA 18 апр. 2014, в 20:46
1

Я сделаю это прямо сейчас;)
dippas 18 апр. 2014, в 20:47

Показать ещё 7 комментариев

Теги:

html

css

html5

css3

image

1 ответ

Ещё вопросы

@IqbalFauzi Спасибо, я упомянул в своем вопросе, что я пробовал background-position , но моя IDE продолжала давать мне красные загогулины, когда я использовал это, поэтому я думал, что не собираюсь использовать это таким образом.
ОП сказал, что имел, не уверен, почему это было не так для него, однако.
Можете ли вы опубликовать фактический код, который вы используете? А jsFiddle тоже возможно?
Я думаю, что это может быть просто ошибка в Visual Studio (может быть). Я просто посмотрел спецификации для background-position (о чем я должен был подумать, прежде чем спрашивать здесь), и, очевидно, я могу использовать его, чтобы делать то, что я хочу: w3.org/wiki/CSS/Properties/background-position
эй, проверь эту скрипку jsfiddle.net/NRXtz/2 надеюсь, это поможет ...
Я второй @ j08691, нам нужно нечто большее, чтобы работать с этим.
Спасибо @dippas, это прекрасно работает. Я постараюсь принять, если вы хотите, чтобы это было ответом.

dippas · Accepted Answer · 2014-04-18T18-36-00.000Z

Так, как я предложил ОП, я делаю свой комментарий в ответ.

Вот решение для вашей проблемы

использование background-position

Добро пожаловать :) В любое время. Рад помочь!