DIV未在Chrome中显示＆amp;火狐

Question

我对使用跨浏览器的HTML / CSS非常陌生。我正在尝试使用嵌入了DIV的DIV创建一个页面。

我想创建一个看起来像这样的页面：

http://www.tennantco.com/am-en/equipment

我在DIV中有背景图片的DIV，以及包含背景颜色和文字的DIV中的“标题”DIV。像这样：

onclick

以上引用的网站似乎是这样做的。

但我无法在Chrome＆amp; Firefox浏览器。它适用于IE8（这是IE的版本 - 唯一的版本 - 我需要支持）。以上引用的网站适用于Chrome＆amp; Firefox，所以我知道我做错了什么。

问题是在Chrome和Firefox上标题部分没有显示出来。我创造了一个小提琴：

http://jsfiddle.net/03ddL05k/

这可能很简单，但我无法弄清楚我做错了什么。我为问这样一个无聊的问题而道歉。

感谢您的帮助。

Answer 1

您为锚标记定义了opacity: 0;（内联）。

opacity指定元素的透明度。该值适用于整个元素，包括其内容，元素及其包含的子元素。 0完全透明，意味着不可见。

我为您的评论http://jsfiddle.net/yongchuc/03ddL05k/4/更新了您的小提琴。