SORU
15 EYLÜL 2009, Salı


Box-shadow her tarafta bir CSS3 oluşturma ama bir

Bir gölge var açık sekmesini istiyorum nerede sekmeli gezinti bar dışında diğer sekmeleri ayarlamak lazım. Ayrıca tüm hesabını bölümüne tek bir gölge (bkz: alt yatay çizgi) Yukarı gidiyor, biri hariç tüm sekmeleri altındaki gölgelendirme yapmak istiyorum.

CSS3 box-shadow malı yapmak için kullanacağım, ama istediğim tek parça gölge için bir yol bulamıyorum.

Normalde isterdim örtbas alt gölge açık sekme ile içerik alanı (üstü z-index), ama bu durumda edilebilirse kendisi bir gölge, böylece sadece rüzgar örtbas sekmesi.

Sekme düzeni

     _______    _______    _______
    |       |  |       |  |       |
____|_______|__|       |__|_______|______

Gölge hattı.

Gölge kadar yatay çizgiler ve dikey çizgiler ve dışarıya doğru gider.

                _______
               |       |
_______________|       |_________________

Here canlı bir örnek

Herhangi bir yardım, Dahiler?

CEVAP
20 EYLÜL 2009, Pazar


Numunesi içinde bir div oluşturun #bu tarzı ile içerik

#content_over_shadow {
    padding: 1em;
    position: relative; /* look at this */
    background:#fff;    /* a solid background (non transparent) */
}

ve değişim #stil (doldurma kaldırmak) içerik ve gölge ekleyin

#content {
    font-size: 1.8em;
    box-shadow: 0 0 8px 2px #888; /* line shadow */
}

sekmeler için gölgeler ekleyin:

#nav li a {
    margin-left: 20px;
    padding: .7em .5em .5em .5em;
    font-size: 1.3em;
    color: #FFF;
    display: inline-block;
    text-transform: uppercase;
    position: relative;
    box-shadow: 0 0 8px 2px #888; /* the shadow */
}

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • BurnedInDotCom

    BurnedInDotC

    3 NİSAN 2010
  • FASHTAG

    FASHTAG

    5 EYLÜL 2012
  • humanHardDrive

    humanHardDri

    16 Mart 2011