Image 我的图片链接赢了';行不通

Image 我的图片链接赢了';行不通,image,hyperlink,clickable-image,Image,Hyperlink,Clickable Image,我正在尝试链接图像,html格式如下: <a href="#" class="image"><img src="logo.png"></a> 嗯。。。显示:块只是一个笨拙的尝试,使图像可点击。 我是乞丐,所以请一步一步来 编辑:我忘了说我的图像具有以下属性: .baraMeniu img{ width:100%; height:40em; position:absolute; z-index:0;/*the image*/ }

我正在尝试链接图像,html格式如下:

<a href="#" class="image"><img src="logo.png"></a>
嗯。。。显示:块只是一个笨拙的尝试,使图像可点击。 我是乞丐,所以请一步一步来

编辑:我忘了说我的图像具有以下属性:

.baraMeniu img{
    width:100%;
    height:40em;
    position:absolute;
    z-index:0;/*the image*/
}
.baraMeniu a.image{
    /*the clickable image*/
}
.baraMeniu .st{
    font-size:2em;
    padding-top:0.15em;
    padding-left:0.7em;
    padding-right:0.5em;
    color:orange;
    font-family:'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
    display:inline;
    text-decoration:none;
    float:left;
}
.baraMeniu .dr{
    font-size:2em;
    padding-top:0.15em;
    padding-left:0.7em;
    padding-right:0.5em;
    color:orange;
    font-family:'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
    display:inline;
    text-decoration:none;
    float:right;
}

.baraMeniu #ind{
    text-indent:20px;
}

如果你想在你的图片上加一个
标签,你不需要任何特殊的技巧

<a href="SomeLink.html"><img src="logo.png"></a>

至于Z指数,请小心。负数表示它在其他所有内容后面。

如果我将图像的z索引设置为0,而所有其他内容设置为1,为什么图像会覆盖这些内容?这是一个好问题。通常,当人们在z-index方面遇到问题时,是因为他们不完全熟悉“父”div和“子”div之间的关系。我猜你在一个div中有一个div,并试图为它们设置单独的z索引。我能看看你的代码吗?出于个人原因,我不能给你代码:(,我知道DOM是什么,图像在链接中,链接在一个带有类“baraMeniu”的div中,div在body中(body在html中)。用CSS代码编辑问题,明白了。但是……关于这个:
。baraMeniu img{宽度:100%;高度:40em;位置:绝对;z索引:0;/*图像*/}。Baramaniu a.image{/*可点击图像*/}
FYI您不需要像这样以图像为目标…这只会把您搞得一团糟。我坚持您将它们放在单独的类中。如果看不到其余的HTML输出,我无法为您做太多。是否可以安全地假设
.baramaniu
是网页上的一个部分,如标题或内容框,周围有其他元素“你在做什么,反之亦然?”这位年轻的程序员补充道,如果你能给我一个模拟你正在做的任何事情的虚拟文档,我们可以把它插入JSFIDLE,看看有什么问题。
<a href="SomeLink.html"><img src="logo.png"></a>
<div class="ImageLink">
<a href="SomeLink.html"><img src="logo.png"></a>
</div>