изменить фон изображение url on hover with css

-1

У меня есть лента внизу каждой страницы отчета с изображением для вызова window.print().изменить фон изображение url on hover with css

я выяснить это так:

<div id="dgdPrint" class="hop"> 
<div id="dgdPrnImg" title="Print Report..." onclick="window.print();"> 
</div> 
</div>

и я стиль его:

#dgdPrint 
{ position:fixed; 
    border-top:1px solid #000; 
    width:100%; 
    bottom:0; 
    right:0; 
    text-align:center; 
    height:55px; 
    margin-top:50px; 
    background-color:#88A7DB; } 

#dgdPrnImg 
{ margin-top:10px; 
    background-image:url('PrinterText.png'); 
    background-position:center center; 
    background-repeat:no-repeat; 
    height:35px; } 

#dgdPrnImg:hover 
{ background-image:url('PrinterText-hover.png'); }

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

источник

2015-02-09 user3801352

ок @Roko. Благодарю. – user3801352

Это меняет, потому что у вас есть background-image:url('PrinterText-hover.png'); } набор под #dgdPrnImg:hover

источник

2015-02-09 20:19:29 racecarjonathan

#dgdPrnImg имеет фоновое изображение и над ним, это изменение на другое изображение, не так ли? – user3801352

Возможно, я не понял ваш вопрос правильно. Из того, что я читал, вы спрашиваете, что не так с вашим кодом, потому что, когда вы наводите изменения фонового изображения. «но весь первый div (лента) использует этот эффект и при наведении любой части изображения, которое изменилось. Что случилось в моем коде?» – racecarjonathan

div dgdPrnImg - это 35px div в середине dgdPrint div (это 100% ширина div, являющаяся родительским элементом dgdPrnImg). но URL-адрес изображения изменяется при наведении указателя dgdPrint. можете ли вы сказать, почему? – user3801352

изменить фон изображение url on hover with css

ответ

Смежные вопросы