Добавить большое фоновое изображение для ссылок без пустых тегов

Question

Я разработки Drupal 7 темы, и я хотел бы добавить большое фоновое изображение для каждой основного меню ссылки, но без использования пустого тега.

Вы можете увидеть базовый макет в this image.

Красный треугольник прикреплен (фон) к 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> 

Но мне интересно, если это может быть достигнуто другим способом, без использования пустого тега.

Спасибо всем!

UPDATE:This is what I'm trying to do (! Но без пустых тегов)

Answer 1

Я не уверен, если это что-то делать с 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>