我有一個功能區在每個報告頁面底部的圖像調用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(帶)的採取這種效果,不僅如此,任何部分懸停圖像被改變。我的代碼有什麼問題?
確定@Roko
background-image:url('PrinterText-hover.png'); }
集。謝謝。 – user3801352 2015-02-09 20:13:20