Высота CSS не меняет изображение

0

Когда я пытаюсь назначить height моему <div>, содержащему <img>, его не изменять, просто перемещать.

.banner #dornierenvoj {
    left:-95px;
    bottom:-90px;
    height:-100px;!important
    position: absolute;
}
<div id="mapplane">
    <img src="templates/protostar/images/planeminiature.png" />

    <div id="dornierenvoj">
        <img src="templates/protostar/images/dornierenvoj.png" />
    </div>
</div>
  • 0
    К вашему сведению, !important идти раньше ;
  • 0
    Что ты пытаешься сделать? CSS не будет правильно изменять размеры изображения, а отрицательная высота ничего не изменит.
Теги:

3 ответа

1
Лучший ответ

Это потому, что css указывает на div, а не на изображение. у вас есть 2 варианта:

1: добавить класс к изображению

.bannerImage {height:30px;}
<img class="bannerImage" src="pic.png">
  1. определить его в css

    #dornierenvoj img {height:30px}
    <div id="dornierenvoj"><img src="pic.png"></div>
    

код внутри {} будет работать на всех изображениях внутри div dornierenvoj.

2

Сначала нет отрицательной высоты или ширины в css!

Второй U может использовать этот код для увеличения высоты изображения:

.banner #dornierenvoj img {
    height:100px;
}
1

использовать это:

<img src=""templates/protostar/images/planeminiature.png" width="400" height="400">

Это пример ширины и высоты

Ещё вопросы

Сообщество Overcoder
Наверх
Меню