p_h_o_t_o_s_h_m_e_l_l_345

Забавная проблема взаимодействия с элементами на странице

Recommended Posts

Привет, я решил создать сайт, и довольно важным элементом дизайна есть полупрозрачный туман который расположен поверх всех элементов (он располагается поверх всех элементов при помощи z-index), на сайте есть также слайдеры, кнопки и поля для ввода данных и проблема заключается в том что пользователь никак не может с ними взаимодействовать по тому как самый верхний элемент это полупрозрачная картинка тумана занимающая весь экран. Напишите пожалуйста как взаимодействовать с элементами на сайте или игнорировать картинку тумана, потому как даже текст нельзя выделить.

P.S.картинка тумана по задумке должна быть поверх всей страницы

Share this post


Link to post
Share on other sites

никак
сделайте туман позади всего, а контенту добавьте прозрачности возможно получите требуемый результат

Share this post


Link to post
Share on other sites

по идее может спасти pointer-events:none; правда придется для всяческих input-ов и т.п. прописывать поведение курсора при наведении

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Member Statistics

    46,742
    Total Members
    3,128
    Most Online
    whisperlolz
    Newest Member
    whisperlolz
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.