مرجع تخصصی برنامه نویسان

انجمن تخصصی برنامه نویسان فارسی زبان

کاربر سایت

Ahmad

عضویت از 1392/03/16

opacity فقط برای پس زمینه

  • جمعه 29 خرداد 1394
  • 13:37
تشکر میکنم

سلام دوستان در سی اس اس وقتی میخواییم opacity:0.4; قرار بدیم

روی کل div اعمال میشه و هر عکسی که توش هست .من میخوام فقط بک گراند بیاد کم بشه

چیکار کنم؟که فقط روی عکس پس زمینه اعمال بشه نه روی همش

ممنونم.

پاسخ های این پرسش

تعداد پاسخ ها : 1 پاسخ
کاربر سایت

سجاد باقرزاده

عضویت از 1392/02/24

  • جمعه 29 خرداد 1394
  • 15:11

کاری که من انجام میدم اینه که یک div با ابعاد div اصلی در همان position قرار میدم و opacity اون را کم میکنم:

<html>
<head>
    <title></title>
    <style type="text/css">
        .box-size-position {
            position: absolute;
            top: 10px;
            left: 10px;
            width: 400px;
            height: 200px;
            padding: 10px;
        }
    </style>
</head>
<body style="background-color: green;">
    <div class="box-size-position" style="opacity: .4; background-color: white;"></div>
    <div class="box-size-position">
        <select id="Select1">
            <option>001</option>
            <option>002</option>
            <option>003</option>
        </select>
        <input id="Text1" type="text" />
        <input id="File1" type="file" />
        <input id="Radio1" type="radio" />
        <textarea id="TextArea1" cols="20" rows="2"></textarea>
    </div>


</body>
</html>

 

کاربرانی که از این پست تشکر کرده اند

هیچ کاربری تا کنون از این پست تشکر نکرده است

اگر نیاز به یک مشاور در زمینه طراحی سایت ، برنامه نویسی و بازاریابی الکترونیکی دارید

با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)