Как реализовать несколько кнопок изображения на одной выделенной строке

Question

Я создаю пользовательский интерфейс, где я хочу, чтобы каждая строка отвечала цветовым эффектом при перевертывании, окрашивая весь фон этой конкретной строки в заданный цвет. Кроме того, каждая строка должна содержать несколько небольших символов (кнопок), которые также должны отвечать на клики пользователей и опрокидывания.

Единственный способ, которым я знаю это, используя тег привязки, но как только я использовал это, я не могу вложить в него другой якорь. Есть ли способ создать «вложенные кнопки» или обходной путь (желательно, не включая javascript), чтобы выполнить мою цель здесь?

maralbjo

Answer 1

Ваш файл CSS может содержать:

li:hover { 
    background-color: #3f3; /* whatever color you want */ 
    list-style: none; 
} 

Ваш HTML файл может тогда просто список элементов:

<ul> 
<li><a href="alink.html"><img src="image.png" alt="mybutton"></a></li> 
<li>Line</li> 
<li>Goes</li> 
<li>Here</li> 
</ul> 

Answer 2

Вы не можете заставить его работать в старых браузерах IE без скриптов. :(

я в конечном итоге делает то, что Дмитрий Фарков предложил в своем комментарии:. Добавление поведения парения с помощью сценария Существует интересная альтернатива я на некоторое время, хотя:. whatever:hover

Может быть, вам подойдет лучше.