div или asp: фоновое изображение панели

Question

div или asp: фоновое изображение панели

0

Я пытаюсь получить фоновое изображение для отображения в нижнем правом углу div (или asp: panel), но я считаю, что отображение: inline-block вызывает его не показывать. Это необходимо, потому что у меня есть несколько ящиков, выровненных по горизонтали на экране (без них они отображаются вертикально).

CSS:

.showIcon{
            background: url('Images/icon.png') no-repeat right bottom;
            display: inline-block;
            box-shadow: 2px 2px 2px #808080;
        }

Что-то не так с css? У меня есть таблица, отображаемая внутри каждого div, может быть, это и есть причина?

sd_dracula 19 нояб. 2013, в 14:55

Источник

0

Есть ли в папке «Изображения» файл CSS?
Alexander 19 нояб. 2013, в 13:11
0

Если вам нужно сослаться на папку «Изображения» из корня сайта, она должна быть «/images/icon.png»
Tim 19 нояб. 2013, в 13:26
0

Пожалуйста, оставьте свой asp или html, чтобы мы могли видеть, где проблема. Я не верю, что есть проблема с этим CSS.
DreamTeK 19 нояб. 2013, в 13:43

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

Теги:

html

css

asp.net

panel

2 ответа

0

Если вы считаете, что отображение: встроенный блок является проблемой. Вы всегда можете использовать float влево, чтобы выровнять друг друга.

CSS

.showIcon{
        background: url('Images/icon.png') no-repeat right bottom;
        float: left;
        box-shadow: 2px 2px 2px #808080;
    } code here

DreamTeK 19 нояб. 2013, в 12:00

Ещё вопросы

Есть ли в папке «Изображения» файл CSS?
Если вам нужно сослаться на папку «Изображения» из корня сайта, она должна быть «/images/icon.png»
Пожалуйста, оставьте свой asp или html, чтобы мы могли видеть, где проблема. Я не верю, что есть проблема с этим CSS.

Abhitalks · Accepted Answer · 2013-11-19T12-30-00.000Z

У вас нет проблем с вашим кодом. А также, как вы спросили, ни один стол не будет иметь никакого значения.

Посмотрите эту скрипку с кодом: http://jsfiddle.net/3V8m9/2/

Единственное, что я добавил, это размеры: height: 100px; width: 100px; height: 100px; width: 100px; проиллюстрировать.

Могут быть два сценария. Один, ваш путь изображения неверен. Два, ширина/высота могут быть недостаточно адекватными.

Кажется, на самом деле стол рисуется сверху. Устанавливая свойство css ячейки / таблиц, оно отображается просто отлично.