css - пример - всплывающий текст при наведении на картинку




как я могу сделать невидимое поле ввода текста видимым при наведении? (3)

У вас нет <a> в html . Попробуйте: div:hover input{display:block;}

Кажется, это не работает для меня!

HTML

 <div id="box1">
     <form action="">
         <input type="string" name="htmlcode" />
     </form>
 </div>

CSS

#box1 {
    width:100px;
    height:100px;
    border-color:black 4px
}
input {
    display:none;
}
a:hover input{
    display:block;
}

ввод текста является либо невидимым, либо видимым, но не отвечает на зависание


У вас нет тега, который вы можете навести, чтобы показать вход ...

Измените его на #box1:hover input{display:block;} чтобы он отображался при перемещении мыши в поле.

border-color:black 4px также недействителен. Если вы хотите установить цвет границы, вы можете указать только цвет, а не цвет и размер.

Вот демонстрация, показывающая обе эти вещи исправлены.


 #box1 { 
    width:100px;
    height:100px;
    border:4px solid black;
}
 input {display:none;}
 #box1:hover input{display:block;}​

Как уже упоминалось, у вас нет тега, чтобы изменить цель :hover .

Также исправлена ​​декларация границ.

http://jsfiddle.net/XZvHh/





invisible