صفحه 1 از 2 12 آخرینآخرین
نمایش نتایج: از شماره 1 تا 10 , از مجموع 14

موضوع: کار نکردن دستور z-index برای دو div

Hybrid View

پست قبلی پست قبلی   پست بعدی پست بعدی
  1. #1
    عضو جدید PersianSkyTeam آواتار ها
    تاریخ عضویت
    Nov 2012
    محل سکونت
    کرج
    نوشته ها
    74
    تشکر تشکر کرده 
    139
    تشکر تشکر شده 
    137
    تشکر شده در
    111 پست

    پیش فرض پاسخ : کار نکردن دستور z-index برای دو div

    سلام

    خط زیر رو تو .box 2 اضافه کن :

    کد:
    box-shadow: 0 10px 2px 0 black;

    یا کد رو به این شکل بزار :


    کد:
     <body>
        <div class="box1">
        <div class="box2"></div></div>
     </body>
    ویرایش توسط PersianSkyTeam : July 4th, 2015 در ساعت 14:16
    | - ( سابقه کار 58 سایت رتبه 2 و 3 رقمی الکسا ) - |
    ..** طراحی و بهینه سازی وب سایت شما **..
    بیش از 9 سال سابقه درخشان پـــــــــــــو نـــــــــــــیـــــــــش وبــــــــــــــــــ

  2. تعداد تشکر ها از PersianSkyTeam به دلیل پست مفید


  3. #2
    عضو انجمن
    تاریخ عضویت
    Jun 2015
    نوشته ها
    194
    تشکر تشکر کرده 
    213
    تشکر تشکر شده 
    22
    تشکر شده در
    20 پست

    پیش فرض پاسخ : کار نکردن دستور z-index برای دو div

    نقل قول نوشته اصلی توسط PersianSkyTeam نمایش پست ها
    سلام

    خط زیر رو تو .box 2 اضافه کن :

    کد:
    box-shadow: 0 10px 2px 0 black;

    یا کد رو به این شکل بزار :


    کد:
     <body>
        <div class="box1">
        <div class="box2"></div></div>
     </body>
    ممنونولی جواب نمیده اینم . با دادن خاصیت box-shadow به box2 بد جور در میاد . به این عکس نگاه کنید متوجه منظورم قشنگ میشید :
    تصاویر پیوست شده تصاویر پیوست شده
    • نوع فایل: png frt.png (22.2 کیلو بایت, 27 نمایش)

  4. #3
    عضو جدید PersianSkyTeam آواتار ها
    تاریخ عضویت
    Nov 2012
    محل سکونت
    کرج
    نوشته ها
    74
    تشکر تشکر کرده 
    139
    تشکر تشکر شده 
    137
    تشکر شده در
    111 پست

    پیش فرض پاسخ : کار نکردن دستور z-index برای دو div

    این کد رو تست کن :

    کد:
    <button id="AdvancedButton1" type="submit" name="box1" value="" style="position:absolute;left:97px;top:218px;width:311px;height:70px;z-index:0;"><div style="text-align:center"><span style="color:#000000;font-family:Arial;font-size:13px">box1</span></div></button>
    <button id="AdvancedButton2" type="button" name="" value="" style="position:absolute;left:97px;top:288px;width:311px;height:64px;z-index:1;"><div style="text-align:center"><span style="color:#000000;font-family:Arial;font-size:13px">box2</span></div></button>
    
    </body>
    | - ( سابقه کار 58 سایت رتبه 2 و 3 رقمی الکسا ) - |
    ..** طراحی و بهینه سازی وب سایت شما **..
    بیش از 9 سال سابقه درخشان پـــــــــــــو نـــــــــــــیـــــــــش وبــــــــــــــــــ

  5. تعداد تشکر ها از PersianSkyTeam به دلیل پست مفید


  6. #4
    عضو انجمن
    تاریخ عضویت
    Jun 2015
    نوشته ها
    194
    تشکر تشکر کرده 
    213
    تشکر تشکر شده 
    22
    تشکر شده در
    20 پست

    پیش فرض پاسخ : کار نکردن دستور z-index برای دو div

    نقل قول نوشته اصلی توسط PersianSkyTeam نمایش پست ها
    این کد رو تست کن :

    کد:
    <button id="AdvancedButton1" type="submit" name="box1" value="" style="position:absolute;left:97px;top:218px;width:311px;height:70px;z-index:0;"><div style="text-align:center"><span style="color:#000000;font-family:Arial;font-size:13px">box1</span></div></button>
    <button id="AdvancedButton2" type="button" name="" value="" style="position:absolute;left:97px;top:288px;width:311px;height:64px;z-index:1;"><div style="text-align:center"><span style="color:#000000;font-family:Arial;font-size:13px">box2</span></div></button>
    
    </body>
    نشد بازم .

  7. #5
    عضو جدید PersianSkyTeam آواتار ها
    تاریخ عضویت
    Nov 2012
    محل سکونت
    کرج
    نوشته ها
    74
    تشکر تشکر کرده 
    139
    تشکر تشکر شده 
    137
    تشکر شده در
    111 پست

    پیش فرض پاسخ : کار نکردن دستور z-index برای دو div

    اینو تست کنید :


    کد:
    #box1
    {
       color: #000000;
       font-family: Arial;
       font-size: 13px;
       -moz-box-shadow: 0px 0px 13px #000000;
       -webkit-box-shadow: 0px 0px 13px #000000;
       box-shadow: 0px 0px 13px #000000;
    }
    #box2
    {
       color: #000000;
       font-family: Arial;
       font-size: 13px;
    }


    کد :

    کد:
    <input type="submit" id="box1" name="" value="box1" style="position:absolute;left:109px;top:179px;width:213px;height:51px;z-index:1;">
    <input type="submit" id="box2" name="" value="box2" style="position:absolute;left:109px;top:230px;width:213px;height:51px;z-index:2;">
    | - ( سابقه کار 58 سایت رتبه 2 و 3 رقمی الکسا ) - |
    ..** طراحی و بهینه سازی وب سایت شما **..
    بیش از 9 سال سابقه درخشان پـــــــــــــو نـــــــــــــیـــــــــش وبــــــــــــــــــ

  8. #6
    عضو انجمن
    تاریخ عضویت
    Jun 2015
    نوشته ها
    194
    تشکر تشکر کرده 
    213
    تشکر تشکر شده 
    22
    تشکر شده در
    20 پست

    پیش فرض پاسخ : کار نکردن دستور z-index برای دو div

    بازم نشده - من با تگ های input کاری ندارم - من میخوام از تگ های div استفاده کنم .

  9. #7
    عضو جدید PersianSkyTeam آواتار ها
    تاریخ عضویت
    Nov 2012
    محل سکونت
    کرج
    نوشته ها
    74
    تشکر تشکر کرده 
    139
    تشکر تشکر شده 
    137
    تشکر شده در
    111 پست

    پیش فرض پاسخ : کار نکردن دستور z-index برای دو div

    دوست عزیز css دکمه ها رو به این شکل بزار :



    کد:
    .box1
    {
       color: #000000;
       font-family: Arial;
       font-size: 13px;
       -moz-box-shadow: 0px 0px 13px #000000;
       -webkit-box-shadow: 0px 0px 13px #000000;
       box-shadow: 0px 0px 13px #000000;
    }
    .box2
    {
       color: #000000;
       font-family: Arial;
       font-size: 13px;
    }


    از هر کدی هم که خواستی استفاده کن.این Css اون چیزی هست که لازم دارید.
    | - ( سابقه کار 58 سایت رتبه 2 و 3 رقمی الکسا ) - |
    ..** طراحی و بهینه سازی وب سایت شما **..
    بیش از 9 سال سابقه درخشان پـــــــــــــو نـــــــــــــیـــــــــش وبــــــــــــــــــ

  10. تعداد تشکر ها از PersianSkyTeam به دلیل پست مفید


  11. #8
    عضو انجمن
    تاریخ عضویت
    Jun 2015
    نوشته ها
    194
    تشکر تشکر کرده 
    213
    تشکر تشکر شده 
    22
    تشکر شده در
    20 پست

    پیش فرض پاسخ : کار نکردن دستور z-index برای دو div

    بازم اون چیزی که میخواستم نشد و هنوز سایه میره زیر . ازتون ممنونم که مدام کمکم میکنید . تشکر

  12. #9
    عضو جدید PersianSkyTeam آواتار ها
    تاریخ عضویت
    Nov 2012
    محل سکونت
    کرج
    نوشته ها
    74
    تشکر تشکر کرده 
    139
    تشکر تشکر شده 
    137
    تشکر شده در
    111 پست

    پیش فرض پاسخ : کار نکردن دستور z-index برای دو div

    خواهش میکنم.


    نگاه کنید این مشکل واسه کد ها هست :


    کد:
    <body>
        <div class="box1"></div>
        <div class="box2"></div>
     </body>

    باید اینو دستکاری کنید تا درست بشه.
    | - ( سابقه کار 58 سایت رتبه 2 و 3 رقمی الکسا ) - |
    ..** طراحی و بهینه سازی وب سایت شما **..
    بیش از 9 سال سابقه درخشان پـــــــــــــو نـــــــــــــیـــــــــش وبــــــــــــــــــ

  13. #10
    عضو انجمن
    تاریخ عضویت
    Jun 2015
    نوشته ها
    194
    تشکر تشکر کرده 
    213
    تشکر تشکر شده 
    22
    تشکر شده در
    20 پست

    پیش فرض پاسخ : کار نکردن دستور z-index برای دو div

    احتمالا به خاطر کد های Html هست . اما هر طوری زدم بازم نمیشه .

    از دوستان اگه کسی بلده این عکسو درست کنه کدشو ده ما بفهمیم چه طور میسازنش . ممنون

صفحه 1 از 2 12 آخرینآخرین

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

موضوعات مشابه

  1. پاسخ ها: 123
    آخرين نوشته: September 2nd, 2018, 22:20
  2. مشکل در نمایش صفحه index
    توسط ashadata در انجمن سوالات و مشکلات
    پاسخ ها: 1
    آخرين نوشته: February 6th, 2017, 13:45
  3. مشکل در index
    توسط maxir در انجمن سی پنل CPanel
    پاسخ ها: 6
    آخرين نوشته: June 29th, 2014, 09:52
  4. پاک شدن index
    توسط netkhone در انجمن Wordpress
    پاسخ ها: 10
    آخرين نوشته: April 16th, 2014, 19:41
  5. جلو گیری از ران شدن index.html ؛ index.htm
    توسط pc.rootall در انجمن دايرکت ادمين DirectAdmin
    پاسخ ها: 0
    آخرين نوشته: December 12th, 2012, 13:31

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •