<div>中的按钮无法工作

Question

我的按钮不工作时，包装在我的div -它最初是隐藏的。-当它没有包装在“标题”中时，它就能工作--有什么想法吗？

HTML：

<div id="caption" class="caption-container2"></div>

<li
<a class="thumb" name="test" href="images/folio_rollovers/test_rollover.jpg" style="border:none">
<div id="triggers">
<img src="images/folio_icons/test_icon.jpg"  
rel="#award5"/>
</div>

<div class="simple_overlay" id="award5">
<img src="images/awards/award.png"  
style="border:none"/>
</div>


<div class="caption">

<span class="whitetextboldlge">Headline</span>  
<br><br>
<span class="whitetext-italics">
Subhead:<br><p>
Body copy goes here</span> <br><br>
<button type="submit" style="border: 1; background: transparent" href="#" rel="div.overlay"> 
<img src="images/awards/award-video.png"></img></button>


</span>
</div>
</a>
</li>

CSS：

.caption-container2 {
margin: 10px 20px 140px 15px;
height: 150px;
border: solid #green 0px;

}

Answer 1

因为包装器div是隐藏的，所以里面的所有元素都隐藏了两个.

试着做这样的事情：

<div id="wrapper">
  <div class="hiddenContent">hidden content</div>
  <div>put your button here</div>
</div>

Answer 2

您应该首先清理和修复HTML。标签不能包含在内联元素()中。你有很多未关闭的标签(，)。

Answer 3

 <button type="submit" style="border: 1; background: transparent" href="#" rel="div.overlay"> 

这段代码是错误的，因为我们不能给按钮type=“提交”尝试这个

<input type="submit" style="border: 1; background: transparent" href="#" rel="div.overlay">    
or
<button value="Submit" onClick="fun()"/>