向没有空标签的链接添加大背景图片

发布于 2024-10-11 19:07:23 字数 655 浏览 1 评论 0原文

我正在开发 Drupal 7 主题,并且我想向每个主菜单链接添加一个大背景图像,但不使用空标签

您可以在此图片中看到基本布局。

红色三角形(背景)连接到 link1,橙色三角形连接到 link2。

我会这样做:

<ul>
   <li><a href=#>Link1<span id="bgimage_link1"></span></a></li>
   <li><a href=#>Link2<span id="bgimage_link2"></span></a></li>
</ul>

但我想知道是否可以用另一种方式来完成,而不使用空标签。

谢谢大家!

更新: 这就是我想要做的(但没有空标签!)

I'm developing a Drupal 7 theme, and I'd like to add a big background image to each main menu link but without using a empty tag.

You can see a basic layout in this image.

The red triangle is attached (background) to link1, and the orange one is to link2.

I'd do this in this way:

<ul>
   <li><a href=#>Link1<span id="bgimage_link1"></span></a></li>
   <li><a href=#>Link2<span id="bgimage_link2"></span></a></li>
</ul>

But I wonder if it can be accomplished in another way, without using a empty tag.

Thanks all!

UPDATE: This is what I'm trying to do (but without empty tags!)

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

我们的影子 2024-10-18 19:07:23

我不确定这是否与 Drupal 7 有关,但是什么阻止了您这样做:

<li><a href=#><span id="bgimage_link1">Link1</span></a></li>

您是否希望背景图像成为链接的可点击部分?如果不是,您可以这样做吗:

<li><span id="bgimage_link1"><a href=#>Link1</a></span></li>

如果是,为什么不能将背景图像放在上?

<li><a id="bgimage_link1" href=#>Link1</a></li>

I'm not sure if this has something to do with Drupal 7, but what is preventing you from doing:

<li><a href=#><span id="bgimage_link1">Link1</span></a></li>

Do you want the background image to be a clickable part of the link or no? If no, could you do:

<li><span id="bgimage_link1"><a href=#>Link1</a></span></li>

If yes, why can't you just put the background image on the <a>?

<li><a id="bgimage_link1" href=#>Link1</a></li>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文