Css Şeffaflık Sorunu

20-12-2010, 14:18:17

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

AycanB

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

Hardaman

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

yemyrcom

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

yemyrcom

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ü