2015-02-09 65 views
-1

我有一個功能區在每個報告頁面底部的圖像調用window.print()。更改背景圖像網址懸停與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(帶)的採取這種效果,不僅如此,任何部分懸停圖像被改變。我的代碼有什麼問題?

+0

確定@Roko background-image:url('PrinterText-hover.png'); }集。謝謝。 – user3801352 2015-02-09 20:13:20

回答

0

它改變了,因爲你有下#dgdPrnImg:hover

+0

#dgdPrnImg有一個背景圖片,在它上面,它變成了另一張圖片,是不是? – user3801352 2015-02-09 20:25:56

+0

也許我沒有正確理解你的問題。從我讀到的內容來看,你會問你的代碼有什麼問題,因爲當你將鼠標懸停在背景圖片上時,會發生變化。 「但整個第一個div(功能區)採取這種效果,並懸停的任何部分圖像被改變。我的代碼有什麼問題?」 – racecarjonathan 2015-02-09 21:04:31

+0

div dgdPrnImg是dgdPrint div(dgdPrnImg的父級的100%寬度div)中間的35像素div。但是當dgdPrint懸停發生時圖像的URL會發生變化。你可以說爲什麼? – user3801352 2015-02-10 05:34:24