替代

Question

您好我想添加自定义背景图片的超链接，因此当点击图片时，它会被定向到另一个页面。我正在使用的脚本。

body.custom-background {
background-attachment: fixed;
background-image: url("https://remehtemehmedia.files.wordpress.com/2014/12/women6.jpg");
background-position: left bottom;
background-repeat: no-repeat;
}

我要将链接指向以下内容的页面： http://remehtemeh.com/2014/12/05/menyambut-doraemon-stand-by-me/

如何使用小部件和目标创建HTML文本到自定义背景？文本小部件必须放在小部件区域中，这不完全是我想要的。

你可以帮我解决这个问题吗？

提前致谢

我需要帮助的博客是remehtemeh.com。

Answer 1

通过将其包装在锚标记中，您可以添加功能（css 意味着仅用于视觉/展示样式，而不是可用性）。它应该是你的html处理你的链接使用/ etc

<a href="http://home.com" id="logo">Your logo name</a>

然后您可以使用css设置样式：

#logo {
  background-image: url(images/logo.png);
  display: block;
  margin: 0 auto;
  text-indent: -9999px;
  width: 981px;
  height: 180px;
}

替代

您还可以创建一个锚标记，并在其中包含图像：

<a href="myLinkToPage"> <img src="myImgUrlSource" alt="" /></a>

您可以使用CSS控制设计和样式，而不是内容的行为。

您将不得不使用类似<a id="header" href="[your link]">Logo</a>的内容，然后使用CSS块，例如：

a#header {
  background-image: url(...);
  display: block;
  width: ..;
  height: ...;
}

您不能在内部嵌套div并且仍然具有“有效”代码。是一个内联元素，不能合法地包含块元素。制作链接的唯一非Javascript方式是使用元素。

您可以将<a>标记嵌套在<div>内，然后将图片放入其中：）

〜SOURCE

超链接背景图像CSS

1 个答案:

替代