Question

在我网站的标题中，我有一张图片。我希望这个图像成为一个链接。目前，我将图像显示为DIV元素的背景：

.myheader
{  
  font-weight: bolder;
  text-transform: uppercase; 
  text-align: justify;
  background-image: url(images/back.png);
  background-repeat: no-repeat;
  background-position: top center;
  margin: auto;  
  width: 700px;
  height: 100px; 
}

我希望整个DIV可以点击作为主页的链接。

UPDATE 好吧，看看使用FireBug的Stack Overflow我可以看到他们的徽标不是背景而是<img>元素。似乎这是唯一的选择。

Answer 1

div不能成为链接，它们是结构元素，

唯一可以解决此问题的方法是在徽标a中创建一个超链接元素div并为其分配一个类myClass，然后在CSS中提供以下内容：

a.myClass {
width:700px;
height:100px;
display:block;
}

通过使a元素与徽标div

具有相同的宽度和高度，可以给人留下可以点击div的印象

Answer 2

a.in-question {
    display:block;
    width:100%;
    height:100%;
}

可点击的徽标 - Div作为链接

2 个答案: