Question

包裹在我的div中时，我的按钮不起作用 - 最初是隐藏的。 - 当它没有包含在“标题”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

您应首先清理并修复HTML。 A＆lt; p＆gt;标记不能包含在内联元素（＆lt; span＆gt;）中。你有很多未公开的标签（＆lt; a＆gt;，＆lt; p＆gt;）。

Answer 2

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

尝试做这样的事情：

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

Answer 3

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

这段代码你写的是错误的becoz，我们不能给按钮类型=“提交” 试试这个

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

<div>中的按钮不起作用</div>

3 个答案: