SORU
14 NİSAN 2011, PERŞEMBE


Arkaplan resmini css streç?

<td class="style1" align='center' height='35'>
    <div style='overflow: hidden; width: 230px;'>
        <a class='link' herf='' onclick='topic(<?=$key;?>)'>
        <span id='name<?=$key;?>'><?=$name;?></span> </a>
    </div>
</td>

Bu CSS benim senaryom

.style1 {
    background-image:url('http://localhost/msite/images/12.PNG');
    background-repeat:no-repeat;
    background-position:left center;
    }

<td> hücrenin her yerinde background-image germek istiyorum

CEVAP
14 NİSAN 2011, PERŞEMBE


.style1 {
        background: url(images/bg.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}

Çalışır:

  • Safari 3
  • Ne Olursa Olsun Krom
  • YANİ 9
  • Opera 10 (Opera 9.5 background-boyutu ama anahtar desteklenmez)
  • Firefox 3.6 (Firefox 4 destekler non-satıcı öneki sürüm)

Buna ek olarak bir ıe çözümü için bu deneyebilirsiniz

    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
    zoom:1;

Chris Coyier tarafından bu madde için kredi http://css-tricks.com/perfect-full-page-background-image/

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • alex maybury

    alex maybury

    20 Aralık 2007
  • makemebad35

    makemebad35

    17 NİSAN 2006
  • MarinaHD2001

    MarinaHD2001

    7 ŞUBAT 2009