Попытка воздействовать на элемент <img>с помощью CSS - но безрезультатно - PullRequest
Новая
       27

Попытка воздействовать на элемент <img>с помощью CSS - но безрезультатно

1 голос
/ 17 ноября 2009

Я добавил некоторые функциональные возможности раскрытия / свертывания в таблицу с помощью jQuery, и сейчас я пытаюсь выполнить некоторую тонкую настройку позиционирования кнопок с помощью CSS, - но я не могу воздействовать на элемент img.

Вот выдержка из моего кода: 

<body>
 <h1>Outstanding repairs assigned to me</h1>
  <table class="sortable paginated collapsible">
   <thead>
   </thead>
   <tbody id="emergency">
    <tr>
     <th colspan="7">
      Emergency
       <img class="alignment clickable" src="../repair_system/media/minus.png" alt="Collapse this section"/>
     </th>

И первая запись в моем файле CSS: 

.alignment {
    border:7px solid black;
 }

Страница выбирает класс CSS «кликабельный», но по какой-то причине игнорирует «выравнивание». Firebug даже не ссылается на класс CSS на панели стилей CSS.

Кто-нибудь может вспомнить нечто очевидное, что я здесь упустил?

Ответы [ 4 ]

3 голосов
/ 17 ноября 2009

Фрагмент, который вы разместили (слегка измененный, чтобы включить CSS, и чтобы указать на другое изображение) работает для меня в нескольких разных браузерах. Итак, похоже, что проблема в другом коде. Возможно, вы захотите попытаться уменьшить проблему до небольшого фрагмента, который демонстрирует проблему, и опубликовать его; в процессе ее уменьшения вы можете даже самостоятельно обнаружить проблему.

1 голос
/ 17 ноября 2009

Насколько я помню, IE отображал в старых версиях изображения, которые всегда связаны с рамкой. Вы должны были удалить эту границу, установив стиль без рамки.

Возможно, jQuery пытается избежать этой проблемы, волшебным образом устанавливая границу изображения в 0px. попробуйте переопределить это, установив стиль непосредственно в теге img:

<img style="border:7px solid black" ... > ...

это должно переопределить все другие стили.

Да, я знаю. Установка стиля таким способом не лучшая практика, но, возможно, это помогает отладке. Если это работает, вы знаете, что стиль установлен где-то еще и переопределяет ваше собственное определение.

Кстати: использование плагинов FF, таких как «веб-разработчик», также может помочь. Есть некоторые из этих инструментов, которые показывают источник определения стиля для определенных элементов.

1 голос
/ 17 ноября 2009

Какой браузер вы используете? Причудливый режим или нет? (http://en.wikipedia.org/wiki/Quirks_mode).

Фрагмент работает и для меня (встроенный CSS).

Встроенный CSS: просто поместите его в

теги. Лучше всего сделать в шапке.

1 голос
/ 17 ноября 2009

Пытались ли вы добавить объявление !important в CSS, чтобы посмотреть, не переопределяется ли оно другим CSS? 

.alignment {
    border:7px solid black !important;
 }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...