＃用于id，我们使用的类。

Question

我有一个很长的（-ish）PHP脚本，我在其中包含了内联CSS来显示和隐藏文本。这是我的一个例子：

<?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 />";
?>

它会很好地显示图像，但当它到达第二个样式标记时，它不会隐藏它。

我错过了什么？

Answer 1

在你的回答中，你使用ID“＃”选择器来选择元素，但你的元素只有一个类。

类别选择以点为前缀，例如“.ReqAcctAPI”

请注意，将样式放入内联是不好的做法。

Answer 2

您希望添加display:block或display:inline-block;而非可见。可见性和显示是不同的定义资料来源：http://www.w3schools.com/css/css_display_visibility.asp

答：

<?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 />";
?>

Answer 3

你可以使用这样的内联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 />";
?>

Answer 4

您正在课堂上应用属性并在ID中定义它们。

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

在div标签中将class更改为id，如：

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

然后将CSS改为：

#ReqAcctAPI { display:block; }

Answer 5

试试这个：

<?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'是一个不是id的类，所以你需要使用'。'而不是你选择中的“＃”。

Answer 6

您使用了＃而不是。风格

＃用于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 />";
?>

内联CSS显示/隐藏div不起作用

6 个答案:

＃用于id，我们使用的类。