как установить изображение в div

Question

как установить изображение в div

0

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

я пробую вот так:

#image_try {
    background-color: white;
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 1px 6px rgba(23, 69, 88, .5);
    -webkit-border-radius: 12px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background: -webkit-gradient(linear, left top, left bottom, 
       color-stop(0%, white), color-stop(15%, white), color-stop(100%, #D7E9F5));
    background: -moz-linear-gradient(top, white 0%, white 55%, #D5E4F3 130%);
    float: right;
    border: 2px;
    color: #FF0000;
    overflow: hidden;
    width: 164px;
    display: table;
    margin: 0 auto;
    padding: 78px 31px 7px 233px;
    background: #FFFFFF;
    height: 79px;
    margin-top: -174px;
    margin-right: 25px;
    background-image:url(images/weather.jpg) no-repeat;
  }

обновления:

Фактически, когда я не устанавливал изображение в фоновом режиме, div выглядит как хорошо, но когда я устанавливаю изображение, его высота и ширина влияют

любая идея... ответ будет в полной мере оценен... спасибо

Dinesh 22 сен. 2013, в 15:04

Источник

Теги:

html

css

1 ответ

Ещё вопросы

Amit Ranjan · Accepted Answer · 2013-09-22T10-38-00.000Z

Я вижу несколько обманов в вашем CSS, например, для фона, вы используете цвет дважды, и вы настраиваете его на градиент для Chrome и Firefox. Вы тоже повторяете разницу. Насколько я могу стоять, ваша проблема заключалась в padding. Я удалил это только. Просьба проверить css и предоставить скриншот, если это возможно.

#image_try {
-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 1px 6px rgba(23, 69, 88, .5);
-webkit-border-radius: 12px;
-moz-border-radius: 7px;
border-radius: 7px;
border: 2px;
color: #FF0000;

width: 164px;

height: 79px;
background-image:url(images/weather.jpg) no-repeat;
}

Попробуйте отредактировать ответ

В идеале ответ должен быть не просто кодом, а объяснением того, почему код работает.
не работает .... На самом деле, когда я не установил изображение в фоновом режиме, тогда div выглядит хорошо, но когда я устанавливаю изображение, это влияет на его высоту и ширину.
Спасибо за изменение вашего ответа @Amit.
@ Dk-Macadamia смотрите мой обновленный ответ. Прикрепите скриншот текущего и ожидаемого результата (если это возможно)