Блог

Главная - Вопросы по программированию - фон проблемы с css становится черным

фон проблемы с css становится черным

#css

#css

Вопрос:

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

Я знаю, что спрашиваю о чем-то не очень описательном, но, пожалуйста, если кто-то может дать несколько советов, которые помогут

Спасибо

введите описание изображения здесь

Приведенный ниже Css (это то, что я получил от firebug, когда я сфокусировал элемент black background)

 .curResults .tableTopControls {
    display: block;
    height: 30px;
    line-height: 30px;
    margin: 0 0 5px;
    width: 100%;
}

.tableTopControls {
    font-size: 11px;
    overflow: hidden;
}

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, img, small, strong, b, u, i, center, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td {
    border: 0 none;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

Inherited fromdiv.dataTables_wrapper
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, img, small, strong, b, u, i, center, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td {
    font-size: 100%;
}

Inherited fromdiv.table
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, img, small, strong, b, u, i, center, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td {
    font-size: 100%;
}

Inherited fromdiv#mainSection_merchandizerContentSection_rsPromotions_recordSetContainer.panel
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, img, small, strong, b, u, i, center, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td {
    font-size: 100%;
}

Inherited fromdiv.panel
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, img, small, strong, b, u, i, center, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td {
    font-size: 100%;
}

Inherited fromdiv.js-showTitle
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, img, small, strong, b, u, i, center, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td {
    font-size: 100%;
}

Inherited fromdiv.tabContent
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, img, small, strong, b, u, i, center, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td {
    font-size: 100%;
}

Inherited fromdiv.tabContentWrap
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, img, small, strong, b, u, i, center, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td {
    font-size: 100%;
}

Inherited fromdiv.
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, img, small, strong, b, u, i, center, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td {
    font-size: 100%;
}

Inherited fromdiv.content
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, img, small, strong, b, u, i, center, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td {
    font-size: 100%;
}

Inherited fromdiv.stage
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, img, small, strong, b, u, i, center, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td {
    font-size: 100%;
}

Inherited fromdiv.page
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, img, small, strong, b, u, i, center, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td {
    font-size: 100%;
}

Inherited fromform#frmHomePage merchandizer.aspx
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, img, small, strong, b, u, i, center, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td {
    font-size: 100%;
}

Inherited frombody.body_Merchandizer
body {
    font-family: Arial,san-serif;
    font-size: 13px;
    line-height: 18px;
}

body {
    color: #000000;
    font-family: Arial,san-serif;
    font-size: 13px;
    line-height: 18px;
}

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, img, small, strong, b, u, i, center, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td {
    font-size: 100%;
}

Inherited fromhtml
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, img, small, strong, b, u, i, center, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td {
    font-size: 100%;
}

Комментарии:

1. Не могли бы вы опубликовать CSS в виде текста, пожалуйста? Мне трудно читать.

2. Если вы предоставили CSS, мы можем разобраться.

3. Это ваш ответ. Цвет фона прозрачный и поэтому просвечивает до элемента под ним, который черный. Поднимитесь по дереву DOM, чтобы найти этот элемент, и вы узнаете, что является его причиной. Почему бы просто не перезаписать цвет фона, добавив свой собственный?

4. @amit как советовали другие: самое простое решение — присвоить этому элементу значение background-color: #fff (или любой конкретный цвет). Однако, если вы хотите быть уверены, что является причиной вашего черного фона, вам нужно просмотреть весь ваш CSS-код, а также принять во внимание значения по умолчанию вашего браузера (хотя я не могу вспомнить, в каком из браузеров черный фон по умолчанию для такого элемента)

5. наконец-то я нашел элемент css. спасибо всем за подсказки. Приветствия

Ответ №1:

Трудно что-либо сделать, кроме как угадать, не видя всего css и html, но есть большая вероятность, что вы не применили background к элементу, и отображается один из цветов фона родительского элемента.

В опубликованном вами css нет объявлений фона, так что, возможно, именно поэтому. Я полагаю, что публикация всего вашего (соответствующего) кода или ссылки на демо-версию даст вам более точные ответы.