سوال: شفاف کردن المنت بیرونی بدون شفاف شدن المنت درونی [بایگانی]

gigil_Question

سه شنبه 22 تیر 1389, 20:18 عصر

سلام
چه طور میتونم المنت بیرونی رو شفاف کنم در صورتی که المنت درونی شفاف نشه
این کد رو نگاه کنید :

<head runat="server">
<title>Untitled Page</title>

<script src="JS/jq.js" type="text/javascript"></script>

<script type="text/javascript">
$(document).ready(function (){
$("#main").css({"opacity":"0.4"})
$("#li").css({"opacity":"1"});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div style="width: 500px; height: 500px; background-color: Red" id="main">
<div style="width: 300px; height: 300px; background-color: Blue" id="li">
</div>
</div>
</form>
</body>

مرسی :خجالت:

mehdi.mousavi

سه شنبه 22 تیر 1389, 20:42 عصر

سلام.
راهش اینه که از یه تصویر استفاده کنید، چون opacity در حقیقت inherit میشه و نمی تونید جلوی این مساله رو بگیرید... توضیحات بیشتر رو می تونید در این آدرس (http://www.webmaster-talk.com/css-forum/147865-nested-divs-transparency.html) بخونید (این مساله ربطی به jQuery نداره و به CSS مربوطه میشه).

موفق باشید.