0

:hoverこれまでに見たことのない、この効果の問題を発見しました。私:hoverがdiv "box"にいるとき..これは背景のセクションを変更します...

ありがとう ！

セクションの 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);}<===
4

1 に答える 1

1

background-attachment: fixed;平行移動がないように見えます(基本的に、Y 軸上で移動しているその上の要素に応じて、背景画像の固定位置が変更されます)。

于 2013-02-28T00:26:34.980 に答える