Html 使一个div可单击，但在其上显示另一个div

没有图片很难解释，因此如果您愿意提供帮助，请访问此页面：

好的，在这张照片上我有以下CSS：（注意这只是一张照片，但是我有每个地名的类）

巴拉科拉 { 浮动：左； 位置：相对位置； 宽度：200px； 高度：200px； 右边距：40px； 边缘底部：46px； } 巴拉科拉先生 { 位置：绝对位置； 宽度：100%； 身高：100%； 排名：0； 左：0； 文本装饰：无；/*确保链接没有下划线*/ z-index:10；/*将锚定标记提升到div*中的所有其他标记之上*/ 背景色：白色；/*使IE中可单击的解决方法*/ 不透明度：0；/*使IE中可单击的变通方法*/
过滤器：alpha（不透明度=1）；/*使IE中可点击的解决方法*/ } .innerbox { 位置：绝对位置； 底部：0； 宽度：180px； 高度：30px； 背景色：#000； 不透明度：0.75； 过滤器：α（不透明度=40）； 左侧填充：20px； 填充顶部：10px； z指数：+1； } p、 箱形标签 { 颜色：#fff； } HTML:

.ballacolla=dic方形容器
.ballacolla a=允许单击div
.innerbox=底部的深灰色方框
.boxtag=内框中的文字

---

我的问题是，如果链接正常，内部框（灰色框）就会消失。如何阻止innerbox消失？

最有可能的是，即使使用HTML5，链接中的div也会出现问题……混合内联块样式

我想看一看与此相关的其他一些线程。这是一个使用特殊类和

显示将span设置为div的好方法；块

方法：

---

你可以选择

onclick=（）事件，并一起消除
a
标记。
在您的样式中，a标记的不透明度为0。在下面添加一个类别a

.field-items a{
    background:none;
    opacity:1;
}

好了，伙计们，我知道了。我必须在html中的第一个div之后立即关闭标记。ie我的html现在看起来像：
Abbeyleix

标记之间没有任何内容的原因是因为您实际上正在CSS中完成所有工作。。。这是一个简单的修复程序，但它现在正在工作，感谢大家的帮助
使用jquery，您可以停止传播可能重复的
。innerbox
不会消失。父锚点实际上消失了，因为您设置了
opacity:0在它上面，带上子元素。我不确定你想用
不透明度：0实现什么？我的不透明度在innerbox上设置为0.75，为了让它稍微透明，它没有设置为0。。。在.class a字段中将其设置为0。。。使链接可点击
<div class="ballacolla"><a href="www.google.com" target="blank"><div class="innerbox"><p class="boxtag">Abbeyleix</p></div></a></div>

.field-items a{
    background:none;
    opacity:1;
}