• 10-03-2013, 20:55:50
    #1
    selamlar;

    video sitesi projem için saydam div ve video başlık resim ve açıklamasını listeliyorum ama saydam divin içindeki içerikde saydam çıkıyor ben içeriğin saydam olmasını istemiyorum ve listem ortalı çıkıyor ben sola dayalı çıkmasını istiyorum bunu nasıl yapabilirim?
    Video div in css si:
    #video
    {
        background-color:#778899;
        color: ;
        font-size:14px;
        float:left;
        width:150px;
        height:200px;
        opacity:.20;
        border-style:solid;
        border-width:medium;
        border-color: black;
    
    }
    örnek resim:

  • 10-03-2013, 21:22:44
    #2
    Üyeliği durduruldu
    #video
    {
    background-color:#778899;
    color:#fff;
    font-size:14px;
    float:left;
    width:150px;
    height:200px;
    opacity:.20;
    border-style:solid;
    border-width:medium;
    border-color: black;

    text-align:left;

    }
    yazı rengi için


    veya farklı renk çalış

    yazıları sola yaslamak için

    text-align:left;

    kullan
  • 11-03-2013, 01:46:29
    #3
    Arkadaşın dediği gibi opacity kullanırsan div içindeki bütün elemanlar opacityden etkilenir, bunun yerine photoshopu aç, beyaz renkte 2x2 bi layer oluştur, opacity ayarını %20ye getir, daha sonra png olarak kaydet. background yerine de url ile o resmi ver ve repeat kodunu ekle. Listelemek için de float:left;text-align:left; kullanabilirsin, belki width de vermen gerekebilir. Örnek background kodu

    background:url(resim.png) repeat;

    float:left ve diğer kodları da #video da kullanman gerekiyor
  • 11-03-2013, 11:00:21
    #4
    En temizi background-image işi ama imaj kullanmak istemiyorum dersen de 2 farklı div olarak yapıp alttakine opacity ile background özelliklerini verirsin üsttekini de absolute vererek üstüne denk getirirsin ama dinamik alanlarda bu pek de sağlıklı bir çözüm olmaz. Bg kes gitsin
  • 11-03-2013, 11:19:27
    #5
    yardımlarınız için tşk ler akşam evde dediklerinizi deneyeceğim saydam resim olayı aklıma geldi ama css den anlayanlar hangi teknikleri kullanıyor diye merak ettim bir sorayım dedim
  • 11-03-2013, 14:48:46
    #6
    Bir CSS3 özelliği olan RGBA'yı kullanabilirsiniz. Yalnız IE9 öncesi versiyonlar desteklemez.

    background-color:rgba(255, 255, 255, 0.4);
    --