این سایت به کاربران امکان می‌دهد پرسشهای خود در زمینه طراحی وب با PHP و jQuery و CSS و MySQL و ... را مطرح یا به پرسش‌های دیگران پاسخ دهند.

4,251 پرسش

4,909 پاسخ

8,917 نظر

2,674 کاربر

آیا در cssهم میشه از ifاستفاده کرد؟

+1 رای
سلام به همه اساتید
من دو تا سوال دارم
اولی اینه که ایا میشه از ifدر cssاستفاده کرد اگه میشه چه طور؟
دومی هم اینه که من تو سایتم که طراحی میکنم تو یه قسمتش از CSS3استفاده می کنم ولی IE8(شفاف کردم Divرو)اونو پشتیبانی نمی کنه و کلا اون DIVرو نشون نمیده می خوام کدی باشه که اگه مرورگر کاربر IE8بود به صورت معمولی نشون بده
پرسیده شد 1 سال پیش در ساختاربندی صفحه توسط reza0241 (امتیاز: 570)

1 پاسخ

+2 رای
 
بهترین پاسخ
داخل فایل css که خیر اما در قسمت head صفحه میشه همچین کاری کرد که بهش می‌گن conditional css (سی اس اس شرطی) و نحوه استفاده‌اش هم سخت نیست. مثلا اگه شما بخواید در IE8 و پایین‌تر از اون، css خاصی رو لود کنید یا کد css خاصی رو به صورت دستی اضافه کنید، می‌تونید اینطور عمل کنید:
<head>
...
    <!--[if lt IE 9]>
        <link rel="stylesheet" type="text/css" href="ie8-and-down.css" />
        <style>
            div#test{font:bold 15px Arial;}
        </style>
    <![endif]-->
</head>

در مورد سوال دوم هم لازمه کدتونو درج کنید که بشه راهنمایی کرد.
پاسخ داده شد 1 سال پیش توسط علیرضا استاد (امتیاز: 185,860)
اون مسئله تقریبا حل شد یه سوال دیگه
http://8pic.ir/images/h3vflnj4u70nb3cct0rh.jpg
من DIVاصلی روشفاف کردم
ولی divداخل شم شفاف شده چی کار کنم؟
سلام
لطفا کدتونو بزارید اینجوری از روی عکس نمیشه راهنمایی کرد
کد div اصلی که شفافش کردم اینه:
#main/*main*/
{
    margin:auto;
    margin-top:11px;    
    height:600px;
    width:967px;
    border:solid 1px;
    background-color:#88a069;
    border-color:#999;
    /*شفافیت و سایه*/
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
            /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
        -moz-box-shadow: 0px 7px 15px #000000;
        -webkit-box-shadow: 0px 7px 15px #000000;
        -ms-box-shadow: 0px 7px 15px #000000;
        box-shadow: 0px 7px 15px #000000;
        filter: progid:DXImageTransform.Microsoft.Shadow(strength = 7, direction = 180, color = '#000000');
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 7, Direction = 180, Color = '#000000')";
        /*Shadows look very different in IE (Only cardinal directions supported)*/
        /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
        /*Element should have a background-color*/
        /*All filters must be placed together*/
        /*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = 'transparent', endColorstr = '#a9c85a');
        /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
        /*Element must have a height (not auto)*/
        /*All filters must be placed together*/
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = 'transparent', endColorstr = '#a9c85a')";
        /*Element must have a height (not auto)*/
        /*All filters must be placed together*/
        background-image: -moz-linear-gradient(top, transparent, #a9c85a);
        background-image: -ms-linear-gradient(top, transparent, #a9c85a);
        background-image: -o-linear-gradient(top, transparent, #a9c85a);
        background-image: -webkit-gradient(linear, center top, center bottom,           from(transparent), to(#a9c85a));
        background-image: -webkit-linear-gradient(top, transparent, #a9c85a);
        background-image: linear-gradient(top, transparent, #a9c85a);
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        /*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
        /*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
        opacity: 0.9;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 95);
        /*-ms-filter must come before filter*/
        filter: alpha(opacity = 95);
        /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
        /*All filters must be placed together*/


}/*main*/



کد div داخلیشم اینه:
.news
{
    margin:auto;
    margin:5px;
    width:74%;
    height:250px;
    border:solid 1px;
    border-color:#999;
    background-color:#E2E7D3;
    padding:5px;
    direction:rtl;
        -moz-border-radius: 10px 0px 0px 10px;
        -webkit-border-radius: 10px 0px 0px 10px;
        border-radius: 10px 0px 0px 10px;
        /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
}
@reza0241 شفافیت div.news رو روی 100% تعریف کنید ببینیم چی میشه!

لطفا جهت درج پاسخ ، وارد شوید ویا ثبت نام نمایید.