گیفت کارت آیتونز
نمایش نتایج: از 1 به 9 از 9

موضوع: مشکل با نمایش در css

  1. Top | #1
    کاربر سایت

    تاریخ عضویت
    Apr 2012
    ورژن ویبولتین
    s
    نوشته ها
    42
    موردپسند
    1 بار
    اطلاعات
    Windows NT 6.3 Firefox 59.0
    میزان امتیاز
    0

    پیش فرض مشکل با نمایش در css

    سلام
    من چندتا عکس دارم میخوام وقتی موس روی عکس هاور ( hover ) شد رنگ عکس یکم تیره بشه و نوار کناریش ظاهر بشه
    ولی هرچی کد نویسی میکنم انگار میره زیره لایه زیری

    عکس ضمیمه کردم
    ممنونم میشم کمک کنید
    ویرایش توسط Amiras90 : 2018/04/28 در ساعت 07:56 PM




  2. گیفت کارت آیتونز

  3. Top | #2
    کاندیدای مدیریت

    تاریخ عضویت
    Aug 2012
    ورژن ویبولتین
    -
    نوشته ها
    1,063
    مورد پسند
    1,302 بار
    اطلاعات
    Windows NT 10.0 Chrome 66.0.3359.117
    میزان امتیاز
    139

    پیش فرض

    دموی آنلاین قرار بدید تا با توجه به کدهاتون بشه راهنمایی کرد

    3 تشکر توسط:

    طراحی قالب وردپرس | طراحی وب‌سایت | طراحی گرافیک | تبدیل PSD به WP
    تماس با من: [email protected] ، 0912 932 8839 ، تلگرام: [email protected]

  4. Top | #3
    کاربر سایت

    تاریخ عضویت
    Apr 2018
    ورژن ویبولتین
    4.2
    نوشته ها
    1
    موردپسند
    2 بار
    اطلاعات
    Windows 7/Server 2008 R2 Firefox 59.0
    میزان امتیاز
    0

    پیش فرض

    برای اینکار در css باید از تابع position یا display استفاده کنید .

    یک نمونه آنلاین براتون قرار دادم

    https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_image_text


    2 تشکر توسط:


  5. Top | #4
    کاربر سایت

    تاریخ عضویت
    May 2016
    ورژن ویبولتین
    Access Denied !
    نوشته ها
    83
    مورد پسند
    72 بار
    اطلاعات
    Windows NT 10.0 Chrome 66.0.3359.117
    میزان امتیاز
    12

    پیش فرض

    @Amiras90

    اگه فقط مشکل از اینه که بر زیر لایه میره که شما از کد : ;z-index: 9999 !important در اون بخش استفاده کنید.

    2 تشکر توسط:


  6. Top | #5
    کاربر سایت

    تاریخ عضویت
    Apr 2012
    ورژن ویبولتین
    s
    نوشته ها
    42
    موردپسند
    1 بار
    اطلاعات
    Windows NT 6.3 Firefox 59.0
    میزان امتیاز
    0

    پیش فرض

    درود

    خدمت شما:
    Tryit Editor v3.5

    وقتی روی عکس هاور میشید نوشته bottom-left نمایش داده میشه
    ولی میره زیر opacity عکس و اونم همراه با عکس کمرنگ میشه
    ممنون میشم راهنمایی کنید

  7. Top | #6
    مدیر ارشد

    تاریخ عضویت
    Aug 2014
    ورژن ویبولتین
    4
    سن
    24
    نوشته ها
    4,261
    مورد پسند
    3,191 بار
    نوشته های وبلاگ
    17
    اطلاعات
    Linux Chrome 65.0.3325.181
    میزان امتیاز
    514

    پیش فرض

    https://www.google.com/search?q=opac...e+but+not+text
    با توجه به این که ظاهرا مشکلی با زبان انگلیسی ندارید، پیشنهاد می کنم چند مورد از نتایج و سوالاتی که در stackoverflow وجود داره رو مطالعه کنید و کد خودتون رو با توجه به این سرچ ریزالت ها تنظیم کنید

    2 تشکر توسط:


  8. Top | #7
    کاربر سایت

    تاریخ عضویت
    Apr 2012
    ورژن ویبولتین
    s
    نوشته ها
    42
    موردپسند
    1 بار
    اطلاعات
    Windows NT 10.0 Firefox 56.0
    میزان امتیاز
    0

    پیش فرض

    نقل قول نوشته اصلی توسط Inna نمایش پست ها
    302 Moved
    با توجه به این که ظاهرا مشکلی با زبان انگلیسی ندارید، پیشنهاد می کنم چند مورد از نتایج و سوالاتی که در stackoverflow وجود داره رو مطالعه کنید و کد خودتون رو با توجه به این سرچ ریزالت ها تنظیم کنید
    @Inna
    درود
    واقعیتش من بازم متوجه نشدم باید چیکارکنم
    یعنی میگید opacity فقط روی عکس کاربرد داره و روی متن اثر نمیذاره؟
    میشه راهنمایی کنید که من باید چجوری کد نویسی کنم که بتونم اون نوار سمت راست رو با هاور کردن در بیارم
    ممنونم

  9. Top | #8
    مدیر ارشد

    تاریخ عضویت
    Aug 2014
    ورژن ویبولتین
    4
    سن
    24
    نوشته ها
    4,261
    مورد پسند
    3,191 بار
    نوشته های وبلاگ
    17
    اطلاعات
    Linux Chrome 66.0.3359.126
    میزان امتیاز
    514

    پیش فرض

    یا می تونید یک یا دو دیو div دیگه اضافه کنید و position ها رو absolute و relative بذارید
    یا کلا این متن رو از دیو اصلی جدا کنید. بعد دستی بهش مقادیری مثل left right top bottom بهش اضافه کنید

    من فقط یه مورد رو متوجه نشدم
    شما راهنمایی می‌خوایید؟ یا دقیقا کد رو بهتون بدیم؟
    چون این دو مورد فرق دارن با هم. راهنمایی یعنی ضرب دو رقمی در دو رقمی رو بهمون ابتدایی یاد دادن و رقم هم تا هزارگان، بعد ضرب سه رقمی در سه رقمی رو پای تخته ازمون بخوان.
    بعد پیشنهاد می‌کنم کد خودتون رو بذارید و کد آموزشی w3schools رو ندارید ترجیحا (آپشن)

    هم چنین وقتی که نقل قول می کنید یا توی تاپیکی که من قبلا پاسخ دادم پاسخی ارسال می‌کنید، برای من ایمیل میاد. نیازی به تگ یا منشن نیست.

    کاربر مقابل از Inna بابت این پست مفید تشکر کرده است:


  10. Top | #9
    کاربر سایت

    تاریخ عضویت
    May 2016
    ورژن ویبولتین
    Access Denied !
    نوشته ها
    83
    مورد پسند
    72 بار
    اطلاعات
    Windows NT 10.0 Chrome 66.0.3359.139
    میزان امتیاز
    12

    پیش فرض

    @
    Amiras90
    شما این نمونه رو نگاه کنید ، ببینید درست شده یا نه ؟! Tryit Editor v3.5

    کاربر مقابل از CHRIS-7 بابت این پست مفید تشکر کرده است:


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

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

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

علاقه مندی ها (Bookmarks)

علاقه مندی ها (Bookmarks)

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

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