CSS или JS - скрыть элемент, показывая внутренний элемент (только IE8)

Question

CSS или JS - скрыть элемент, показывая внутренний элемент (только IE8)

0

Я добавляю некоторые CSS, используя Javascript только на одну страницу (я не могу использовать JQUERY)

У меня есть этот код HTML: я не могу его отредактировать:

<td><label for="7">test1 </label>test2</td>

Я хочу скрыть "test2", но показать "test1"

В настоящее время у меня есть: "td visible: none; td label visible: yes"

и он работает для каждого браузера, кроме IE8 (он скрывает все, даже если! важно добавить к тегу метки, который добавлен второй, поэтому должен иметь больший приоритет

addCss("form table.standard td{visibility: hidden;}form table.standard input,form table.standard label,form table.standard b,form table.standard font.red{visibility: visible !important;}");

Я могу добавить другой CSS для IE8 с помощью javascript, но я не мог найти или подумать, что делать.

Весь код в GoogleDocs, если вы хотите увидеть его/сделать что-то подобное http://goo.gl/9xeCqt

Pushka 17 фев. 2014, в 07:34

Источник

0

/ edit / кто-то спросил, можно ли сделать элемент в невидимом видимым (а затем удалил комментарий) / edit /: Да ~ Он работает на последних версиях Chrome, FireFox, IE 6,7,10,11
Pushka 17 фев. 2014, в 06:18
0

Как ты мог спрятать родителя и показать его ребенку?
richa_pandey 17 фев. 2014, в 06:20
0

@Era [Работает во всех браузерах, которые я тестировал, кроме IE8 {Chrome, FireFox, IE 6,7,10,11}] addCss ("form table.standard td {visibility: hidden;} ввод данных table.standard, таблица форм". стандартная метка, форма table.standard b, форма table.standard font.red {видимость: видимая! важная;} ");
Pushka 17 фев. 2014, в 06:21
0

это может быть .. но это не оптимизированный способ получить результат.
richa_pandey 17 фев. 2014, в 06:22
0

@Era Эра, правда? Эта серия из 4 страниц не будет получать такой большой трафик, поэтому оптимизация не самая важная вещь для меня, просто в основном заставить ее работать в IE8
Pushka 17 фев. 2014, в 06:24

Показать ещё 3 комментария

Теги:

javascript

html

css

internet-explorer-8

1 ответ

Ещё вопросы

/ edit / кто-то спросил, можно ли сделать элемент в невидимом видимым (а затем удалил комментарий) / edit /: Да ~ Он работает на последних версиях Chrome, FireFox, IE 6,7,10,11
Как ты мог спрятать родителя и показать его ребенку?
@Era [Работает во всех браузерах, которые я тестировал, кроме IE8 {Chrome, FireFox, IE 6,7,10,11}] addCss ("form table.standard td {visibility: hidden;} ввод данных table.standard, таблица форм". стандартная метка, форма table.standard b, форма table.standard font.red {видимость: видимая! важная;} ");
это может быть .. но это не оптимизированный способ получить результат.
@Era Эра, правда? Эта серия из 4 страниц не будет получать такой большой трафик, поэтому оптимизация не самая важная вещь для меня, просто в основном заставить ее работать в IE8

JayDeep Nimavat · Answer 1 · 2014-02-17T04-26-00.000Z

0

вы можете дать элементам тега оба значения (test1, test2), и вы можете дать класс для обоих элементов и применить CSS для каждого типа:

<td><label for="7" class="first">test1 </label><label class="second">test2</label></td>

и применять, как:

td. секундная видимость: нет; td. первый видимый: да "

JayDeep Nimavat 17 фев. 2014, в 04:26

0

он не может изменить / изменить HTML.
richa_pandey 17 фев. 2014, в 06:22
0

Спасибо за ответ @JayDeep Nimavat - не могу изменить HTML
Pushka 17 фев. 2014, в 06:25
0

да, но для этого, это единственный способ, который редактировать в HTML.
JayDeep Nimavat 17 фев. 2014, в 06:25
0

@JayDeepNimavat - работает во всех браузерах, кроме IE8, так что, надеюсь, это не невозможно ... В любом случае, спасибо ~~
Pushka 17 фев. 2014, в 06:27
0

// в голове <! - [if IE 8]> <html class = "no-js ie8 oldie" lang = "en"> <! [endif] -> <! - [if gt IE 8]> <! -> <html class = "no-js" lang = "en"> <! - <! [endif] -> // в css ie8.yourclass / tag {// ваш стиль здесь. } это условный способ подать заявку на разные CSS для ie8 в том же файле CSS
JayDeep Nimavat 17 фев. 2014, в 06:29
0

@JayDeepNimavat Я знаю, как добавить CSS только для IE8 (он написан в файле Google Docs, на который есть ссылка из поста) - все, что мне нужно, это CSS, который будет выполнять требуемую функцию ~ [Примечание: у меня есть другой CSS, добавленный для IE8 с использованием JavaScript]
Pushka 17 фев. 2014, в 06:31
0

хорошо вы пробовали z-index?
JayDeep Nimavat 17 фев. 2014, в 06:38

Показать ещё 5 комментариев