Как я могу заставить это всплывающее окно CSS работать? - PullRequest
Новая
       10

Как я могу заставить это всплывающее окно CSS работать?

0 голосов
/ 11 октября 2010

Я не могу найти причину, по которой это всплывающее окно не будет работать.Он распознает зависание над столом, но это не влияет на всплывающее окно.Странно то, что когда я включаю путь к таблице в класс .popup, он ничего не делает, даже не изменяет сам span.Я предполагаю, что это как-то связано с селекторами, но путь работает без span.popup.Я не понимаю проблемы, потому что пробел означает потомок, но он как-то убивает весь выбор.

<div id="center">
<tr id="name">
<td class="description">Name</td>
<td>Hulu</td>
<span class="popup">
    This should be the text in the popup.
</span>
</tr>
</div>

----------css

div#center tr.name:hover {
    background-color:   white;
}

div#center tr#name span.popup {
    display:            none;
}

div#center tr#name:hover span.popup {
    display:        block;
    background:     white;
    border-style:   solid;
    border-width:   1px;
    border-radius:  15px;
    position:       absolute;
    top:            45%;
    left:           550px;
    padding:        20px;
    width:          450px;
}

Буду рад некоторым ответам.

tonlap

1 Ответ

0 голосов
/ 11 октября 2010

Вы не можете иметь теги tr без тега таблицы. Более того, вы не можете иметь посторонние теги вне тегов td внутри tr, чтобы они были действительными. Они не признаются. Если вы поместите табличные теги вокруг строки таблицы и диапазона внутри td, то это будет работать более или менее так, как вы собираетесь. Вместо того, чтобы использовать строку таблицы таким способом, есть ли причина не использовать два div?

...