У меня есть длинный (-ish) PHP-скрипт, в который я включил встроенный CSS для отображения и скрытия текста. Вот пример того, что у меня есть:Inline CSS показать/скрыть div не работает

<?php 
    echo "<div class='ReqAcctAPI'><img src='ajax-loader2.gif'></div>"; 
    echo "<style type='text/css'>#ReqAcctAPI { display:visible; }</style>"; 
... 
... (processing of other code on page goes here) 
... 
    echo "<style type='text/css'>#ReqAcctAPI { display:none; }</style>"; 
    echo "<font color='#00BB00'><b>*** DONE</b></font><br />&nbsp;<br />"; 
?>

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

Что я пропустил?

источник

2014-02-21 JaceG

'дисплей: видимый;' не правильное значение. сделайте его 'display: block;' или 'display: inline;' – Era

попробуйте использовать 'display: block;' вместо 'display: visible;' –

спасибо за быстрый ответ. Я изменил его, чтобы отобразить: block, но он все равно не скроется? – JaceG

Вы должны добавить display:block или display:inline-block; вместо видимых. видимость и дисплей различные определения Источник: http://www.w3schools.com/css/css_display_visibility.asp

Ans:

<?php 
    echo "<div class='ReqAcctAPI'><img src='ajax-loader2.gif'></div>"; 
    echo "<style type='text/css'>.ReqAcctAPI { display:block; }</style>"; 
... 
... (processing of other code on page goes here) 
... 
    echo "<style type='text/css'>.ReqAcctAPI { display:none; }</style>"; 
    echo "<font color='#00BB00'><b>*** DONE</b></font><br />&nbsp;<br />"; 
?>

источник

2014-02-21 05:48:46 Harish

вы можете использовать встроенный CSS, как это (style='display:block' для шоу) или (style='display:none' для шкурой)

<?php 
    echo "<div class='ReqAcctAPI' style='display:block;'><img src='ajax-loader2.gif'></div>"; 

... 
... (processing of other code on page goes here) 
... 
echo "<div class='ReqAcctAPI' style='display:none;'><img src='ajax-loader2.gif'></div>"; 
    echo "<font color='#00BB00'><b>*** DONE</b></font><br />&nbsp;<br />"; 
?>

источник

2014-02-21 05:41:49

спасибо за ваш быстрый ответ. Я изменил его, чтобы отобразить: блок, но он все равно не скроется? – JaceG

у вас есть «класс» для вашего элемента, и вы написали #ReqAcctAPIselector, так что идите с Class Selector .ReqAcctAPI – Harish

'display: block' не скроет его, покажет. если вы хотите скрыть использование 'display: none' –

В своем ответе вы используете идентификатор «#» селектор, чтобы выбрать элемент, но только ваш элемент имеет класс.

Выбор класса имеет префикс с точкой, например. «.ReqAcctAPI»

Обратите внимание, что это плохая практика, чтобы положить стили в строку.

источник

2014-02-21 05:45:08

Вы подаете свойства в классе и определении их в ид.

<?php 
     echo "<div class='ReqAcctAPI'><img src='ajax-loader2.gif'></div>"; 
     echo "<style type='text/css'>#ReqAcctAPI { display:visible; }</style>";

Изменение class в id в сНу теге как:

<div id='ReqAcctAPI'><img src='ajax-loader2.gif'></div>

затем CSS для:

#ReqAcctAPI { display:block; }

источник

2014-02-21 05:55:04 Era

Попробуйте это:

<?php 
    echo "<div class='ReqAcctAPI' style='display:block'><img src='ajax-loader2.gif'></div>"; 
... 
... (processing of other code on page goes here) 
... 
    echo "<style type='text/css'>.ReqAcctAPI { display:none; }</style>"; 
    echo "<font color='#00BB00'><b>*** DONE</b></font><br />&nbsp;<br />"; 
?>

Примечание: «ReqAcctAPI» - это класс, а не идентификатор, поэтому вам нужно использовать «.». а не «#» в вашем выборе.

источник

2014-02-21 05:57:26 partypete25

Yoy использовали # вместо. в стилях

#использованный для id, для класс мы использовали.

изменить код

<?php 
    echo "<div class='ReqAcctAPI'><img src='ajax-loader2.gif'></div>"; 
    echo "<style type='text/css'>.ReqAcctAPI { display:block; }</style>"; 
... 
... (processing of other code on page goes here) 
... 
    echo "<style type='text/css'>.ReqAcctAPI { display:none; }</style>"; 
    echo "<font color='#00BB00'><b>*** DONE</b></font><br />&nbsp;<br />"; 
?>

источник

2014-02-21 05:58:19 Sarath

ответ

#использованный для id, для класс мы использовали.

Смежные вопросы