Question

我的网站上有一些链接存在问题。他们昨天工作，截至今天早上都没有。我没有对代码进行任何更改，我已经使用备份检查了现有代码，它是完全相同的。知道会发生什么吗？

谢谢！

底部的三个翻转图像“Lookbook”“Video”和“Heroes”是导致问题的原因。

HTML

<div class="one-third-home column alpha">
<div class="homepage_images"><a title="Lookbook" href="http://www.swordandplough.com/pages/lookbook"></a></div>
</div>
<div class="one-third-home column center">
<div class="homepage_images2"><a title="Videos" href="http://www.swordandplough.com/pages/video"></a></div>
</div>
<div class="one-third-home column omega">
<div class="homepage_images3"><a title="Hero of the week" href="http://www.swordandplough.com/pages/hero-of-the-week"></a></div>
</div>

CSS

.homepage_images {
padding-top: 121.5%;
  background-image: url(http://cdn.shopify.com/s/files/1/0176/5914/files/Lookbook.jpg?9318);
  background-size: cover;
  -moz-background-size: cover;  /* Firefox 3.6 */
  background-position: center;  /* Internet Explorer 7/8 */


}
.homepage_images:hover {
padding-top: 121.5%;
  background-image: url(http://cdn.shopify.com/s/files/1/0176/5914/files/Lookbook_black.jpg?8359);
  background-size: cover;
  -moz-background-size: cover;  /* Firefox 3.6 */
  background-position: center;  /* Internet Explorer 7/8 */
  cursor: pointer;


}

.homepage_images2 {
padding-top: 121.5%;
  background-image: url(http://cdn.shopify.com/s/files/1/0176/5914/files/Video.jpg?9318);
  background-size: cover;
  -moz-background-size: cover;  /* Firefox 3.6 */
  background-position: center;  /* Internet Explorer 7/8 */

}
.homepage_images2:hover {
padding-top: 121.5%;
  background-image: url(http://cdn.shopify.com/s/files/1/0176/5914/files/Video_black.jpg?8359);
  background-size: cover;
  -moz-background-size: cover;  /* Firefox 3.6 */
  background-position: center;  /* Internet Explorer 7/8 */
    cursor: pointer;

}

.homepage_images3 {
padding-top: 121.5%;
  background-image: url(http://cdn.shopify.com/s/files/1/0176/5914/files/Heroes.jpg?9318);
  background-size: cover;
  -moz-background-size: cover;  /* Firefox 3.6 */
  background-position: center;  /* Internet Explorer 7/8 */



}
.homepage_images3:hover {
padding-top: 121.5%;
  background-image: url(http://cdn.shopify.com/s/files/1/0176/5914/files/Heroes_black.jpg?8359);
  background-size: cover;
  -moz-background-size: cover;  /* Firefox 3.6 */
  background-position: center;  /* Internet Explorer 7/8 */
cursor: pointer;
}

Answer 1

工作部分的锚标记围绕一个图像标记，该标记填充父容器的整个宽度，从而使锚标记应用于图像的整个区域。但是，在非工作div中，您将图像设置为div的背景。然后你有一个嵌套在该div中的空锚标记。

默认情况下，锚标记的样式显示：内联。由于您的锚点中没有任何内容，这会导致您的锚标记具有0px x 0xx维度，这意味着没有可点击的位置会触发锚标记的href。

我会尝试在div周围包装你的锚标签 - homepage_images，homepage_images1，homepage_images3

链接突然停止处理翻转图像

1 个答案: