Как сделать что бы картинка изменяла размер под экран в css
Opredeli razreshenie kartinki v procentax, zadav stil kartinke: <img src="image.jpg" style="width: 100%;" alt="Name" />
Проблема в том что, картинки выводятся через стиль css, если в процентах указывать их размер, они тупо неотображаются...
Вот есть у меня блок:
.info_block {
display: inline-block;
background:#4d443c;
margin: 3px 3px 3px;
border: 1px solid #231f1b;
color: #ffffff;
overflow: hidden;
font-size: 13px;
opacity: 0.7;
}
Как мы знает, [green]opacity[/green] дает полупрозрачность, однако все что помещается в этот блок, так же дает полупрозрачность!
Как сделать так, что бы то что находилось в блоке, не было полупрозрачно, то есть на то что внутри блока, не действовал opacity ?
Изм. 1 раз. / Посл. изм. (11 окт 2015, 18:07)
использовать background:rgba();
может более подробный ответ дашь? как его использовать в этом диве, или же нужно создать отдельный?
Добавлено 11.10.15 в 18:54:36:
Все, сам разобрался! Благодарю за подсказку!
Ребята, такой вопрос, как сделать чтоб нормально отображалось страница? Например через нетбук, планшет показывает косяк а через большой монитор показывает нормально, наверно проблема в JS кто сможет мне помочь исправить? Скрин ниже
Добавлено 12.10.15 в 01:06:43:
Скрин 1 норма
Скрин 2 косяк
PROFIWM_COM_41_1347451_2.png (5.85 кб) PROFIWM_COM_41_1347451_1.png (124.31 кб)Изм. 1 раз. / Посл. изм. (12 окт 2015, 01:07)
