• 20-12-2010, 14:18:17
    #1
    Kimlik doğrulama veya yönetimden onay bekliyor.
    Merhaba Arkadaşlar aşağıda kullandığım kod ile ilgili bölümde arka plana şeffaflık evrmek istiyorum velakin içindeki yazılar vs. de şeffaflaşıyor.

    Kod:
    #featuredContent {
    	float:left;
    	padding:7px 7px 5px;
    	-moz-border-radius: 6px;
    	-khtml-border-radius: 6px;
    	-webkit-border-radius: 6px;
    	border-radius: 6px;
    	width:342px;
    	display:inline;
    	background:#967676;
            filter:alpha(opacity=50);
            opacity: 0.5;
            -moz-opacity:0.5;
    
    }
    Aşağıdaki şekilde div tagını kullanıyorum.Tabi bu div in içinde yazı stilleri gibi kısımları içeren div lerde var.

    <div id="featuredContent">
    içerik kısmı
    </div>

    Örnek Görüntü


    Yardımlarınızı Bekliyorum
    Saygılarımla
  • 20-12-2010, 14:21:01
    #2
    Kimlik doğrulama veya yönetimden onay bekliyor.
    yemyrcom adlı üyeden alıntı: mesajı görüntüle
    Merhaba Arkadaşlar aşağıda kullandığım kod ile ilgili bölümde arka plana şeffaflık evrmek istiyorum velakin içindeki yazılar vs. de şeffaflaşıyor.

    Kod:
    #featuredContent {
    	float:left;
    	padding:7px 7px 5px;
    	-moz-border-radius: 6px;
    	-khtml-border-radius: 6px;
    	-webkit-border-radius: 6px;
    	border-radius: 6px;
    	width:342px;
    	display:inline;
    	background:#967676;
            filter:alpha(opacity=50);
            opacity: 0.5;
            -moz-opacity:0.5;
    
    }
    Aşağıdaki şekilde div tagını kullanıyorum.Tabi bu div in içinde yazı stilleri gibi kısımları içeren div lerde var.

    <div id="featuredContent">
    içerik kısmı
    </div>

    Örnek Görüntü


    Yardımlarınızı Bekliyorum
    Saygılarımla
    Bu sorunu bende çok yaşadım. JS poupu uygulaması yazarken bile bu sorunla karşılaştım dış elementin opacity'si varsa iç element'de etkileniyor. O yüzden kolayıma geldiği için birbirinden bağımsız divler ile çalıştım.
  • 20-12-2010, 14:24:14
    #3
    bende yaşadım aynı sorunu ve en kolay yol olarak ps'de istediğim bg'yi yapıp png olarak kaydettim ve onu repeat ettirdim div içinde böylelikle css'de opacity ile uğraşmadım
  • 20-12-2010, 14:33:25
    #4
    Hardaman adlı üyeden alıntı: mesajı görüntüle
    bende yaşadım aynı sorunu ve en kolay yol olarak ps'de istediğim bg'yi yapıp png olarak kaydettim ve onu repeat ettirdim div içinde böylelikle css'de opacity ile uğraşmadım
    Üstat ilgili kodu nasıl entegre edebilirim.Elinizde varmı şuan. Bulduğum bir kaç kod ile bg eklemeye çalıştım ama onuda yapamadım yada hata yapıyorum
    Örnek
    #featuredContent {
    	width: 342px;
    	background-image: url(/images/bg.png) !important;
    	background-image: none;
    	text-indent:-9999px;
    	display:block;
    	filter: none !important;
    	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bg.png', sizingMethod='scale');
    }
  • 20-12-2010, 16:36:08
    #5
    Hardaman Nickli arkadaşım sorunu çözmemde yardımcı oldu.Kendisine teşekkürler.
    Sorunun çözümü ise;

    #featuredContent {
    	float:left;
    	padding:7px 7px 5px;
    	-moz-border-radius: 6px;
    	-khtml-border-radius: 6px;
    	-webkit-border-radius: 6px;
    	border-radius: 6px;
    	width:342px;
    	display:inline;
    	background:#967676;
            filter:alpha(opacity=50);
            opacity: 0.5;
            -moz-opacity:0.5;
    
    }
    yerine arka plana transparan olan bir png dosyası atadım.
    #featuredContent {
    	float:left;
    	padding:7px 7px 5px;
    	-moz-border-radius: 6px;
    	-khtml-border-radius: 6px;
    	-webkit-border-radius: 6px;
    	border-radius: 6px;
    	width:342px;
    	background: url(default/divpng.png); 
    }

    Sorun kökten çözüldü