Есть ли возможность сделать? (js+css)
 

Появление div в действии css - transition, а именно с display none , на block
Можно конечно реализовать через opacity, что получается, НО в opacity блок присутствует, хоть он и прозрачен.


Т.е. надо так

#div {
display:none;
transition: display 2s}

div.onmouseover = function() {
this.style.display='block'
}

Так не работает, див просто появляется, будто и нету анимации.

Интересно, как блок будет ловить .onmouseover, если ему по сути не выделено ни одного пикселя, при display:none?
http://jsfiddle.net/ArrFV/
А если какую-то область в невидимом состоянии выделите, то можно обойтись и без js: http://stackoverflow.com/questions/3...splay-property

Вы не поняли, я имел ввиду это

http://jsfiddle.net/ArrFV/9/

(наведите на "привет")

во второе ссылке не понял, делал с display и opacity, результат такой же, в случае с overlow не понял

Да как же Вас понять, если в топике намекается, что показываться/скрываться будет тот элемент, на который курсор предполагается наводить ;)
Вот без js: http://jsfiddle.net/BETEPAH/xV7nx/

а что значит #div + p ?

и второй вопрос)
ну тут все равно блок не display : none и его можно выделить, т.е. он присутствует, и если бы на месте текста была картинка, ее бы при opacity 0 можно было "утащить за собой" при случайном клике

Показывает на абзац <p>, который идет следом за элементом с id="div"

можно и прятать блок:

<style>
p, #div {
    background-color: #888;
    margin: 5px;
}
#div + p {
    position: absolute;
    left: -10000px;
    top: -10000px;
    -webkit-transition: opacity 1s ease-out;
    transition: opacity 1s ease-out;
    opacity: 0;
}

#div:hover + p {
    position: static;
    opacity: 1;
}
</style>
<div id="div">привет</div>
<p id="poka">пока</p>
<p>адью</p>

можно подробную инфу ссылку об этом, не могу найти(

На слово не верите, значит? ;)
http://htmlbook.ru/samcss/sosednie-selektory