0

こんにちは、私はimageこのサイズのものを持っています:

   <div class="listRowA"  onmouseover="this.className='listRowAHover'"  onmouseout="this.className='listRowA'"> 


             <div class="listPageCol"  onclick="location.href='../Home/ControlPanel'">
                  <span class="listCol1">

                 <br />
                  @Model[i].ID
                   </span>
                 <span class="Col2"><img src="../Content/Images/20_thumb.jpg" width="281" height="200" border="0" alt="image"  /></span>


         </div>
         </div>

そして、私はこれに適用しているこのCSSスタイルを持っていますimage:

.listRowA {
    border: 1px solid #fff; 
}

.listRowAHover { 
    background-color: #F4E4E4; 
    border: 1px solid #fff; 
}

私のホバースタイル：

   .listPageCol {
padding:5px; 
margin-right:75px; 
cursor:pointer;

   }

ここで私が直面している問題は、画像をホバーすると、画像が表示pointerされ、画像のbackground-color外にも表示されることimageです。

4

1 に答える 1

0

これを試して...

<span class="Col2">
<img src="../Content/Images/20_thumb.jpg" width="281" height="auto" border="0"  alt="image"  />

また

解決策は、画像を背景画像として配置し、背景サイズを含むように設定することです

HTML

<div class='bounding-box'>

CSS

.bounding-box {


 background-image: url(...);


background-repeat: no-repeat;


 background-size: contain;
}
于 2013-09-13T07:32:16.327 に答える