向没有空标签的链接添加大背景图片
我正在开发 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
我不确定这是否与 Drupal 7 有关,但是什么阻止了您这样做:
您是否希望背景图像成为链接的可点击部分?如果不是,您可以这样做吗:
如果是,为什么不能将背景图像放在上?
I'm not sure if this has something to do with Drupal 7, but what is preventing you from doing:
Do you want the background image to be a clickable part of the link or no? If no, could you do:
If yes, why can't you just put the background image on the <a>?