显示/隐藏表没有Javascript

时间:2011-08-30 15:15:11

标签: html css html-table html-email

我正在发送一封包含大量数据信息表的HTML电子邮件,如果我可以隐藏这些信息直到用户点击一个展开按钮或其他东西,这将非常有用,但我不确定如何在不使用Javascript的情况下执行此操作?可以吗?

3 个答案:

答案 0 :(得分:7)

在邮件客户端中这是不可能的。你需要JavaScript。

答案 1 :(得分:0)

如果不使用Javascript,这是不可能的。如果它像鼠标悬停一样简单,您可以使用CSS,如下面的(取决于电子邮件客户端)

#yourDiv { display: none; }
#yourDiv:hover { display: block; }

但除此之外,您需要才能将Javascript用于此目的。

<强> CSS Support by E-mail Client (Lotus Notes should be in the Complete Guide PDF)

答案 2 :(得分:0)

  

我不确定如何在不使用javascript的情况下执行此操作?

嗯,理论上你可以尝试类似的东西:

<input> <table>…</table>

input + table { display: none; }
input:focus + table { display: table; }

...但除了是一个丑陋的黑客之外,它不太适用于电子邮件客户端。

JavaScript是一个更明智的选择,但同样,电子邮件客户端也不支持。

最简单的解决方案是将数据表保存在网站上,并在邮件中包含指向它的链接。