css使用时的意外行为：悬停，发生了什么？

我发现这个:hover效应存在问题，这是我以前从未见过的。当我:hover上的div“框”..这改变了一段背景...css使用时的意外行为：悬停，发生了什么？

谢谢！

CSS就第

.first { background:#fff; width:100%; height:auto; position:relative;}  

.second {background-image:url(../images/body/1.jpg); background-attachment:fixed;width:100%; height:auto; position:relative; display:inline-block;}

HTML

<div class="span4 one"> 
    <i class=" icon-4x icon-beaker"> 
    </i> 
    <h2> 
     Awesome 
    </h2> 
    <p> 
     Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam 
     id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta 
     ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel 
     scelerisque nisl consectetur et. 
    </p> 
    <button type="submit"> 
     shown more 
    </button> 
</div>

CSS的方框内打勾

.boxes .span4{text-align:center; padding:10px 0; display:inline; 
    -webkit-transition: all 300ms linear; 
     -moz-transition: all 300ms linear; 
     -o-transition: all 300ms linear; 
     -ms-transition: all 300ms linear; 
      transition: all 300ms linear;} 

==>.boxes .span4:hover {background: rgba(51,153,255,0.1);}<===

来源

2013-02-27 Live

什么“盒子”div？在你的html代码片段的任何地方都没有提到“box”。至于css改变悬停，这很容易做'：hover'。 – 2013-02-27 22:16:19

悬停它会导致不透明，最新的问题是什么？ – Toping 2013-02-27 22:20:49

我创建了一个演示，以更好地理解http://jsfiddle.net/nbBj4/ – Live 2013-02-27 22:25:15

它看起来像background-attachment: fixed;不行翻译（它基本上改变了背景图像的固定位置，取决于它在Y轴上翻译的元素）

来源

2013-02-28 00:26:34 Juanjo

css使用时的意外行为：悬停，发生了什么？

回答

相关问题