Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> OSD, Czy można stworzyć nakładkę, która nie kradnie klików?
pp-layouts
post
Post #1





Grupa: Zarejestrowani
Postów: 53
Pomógł: 1
Dołączył: 28.09.2007
Skąd: Gdynia

Ostrzeżenie: (0%)
-----


Jak w temacie. Wyświetlam przeźroczystą nakładkę, ale ona nie ma przeszkadzać elementom pod spodem w odbieraniu zdarzeń takich jak klikanie. Obojętnie czy div z nakładką jest umieszczony za treścią i naturalnie ją przykrywa, czy jest umieszczony przed, i ustawiony bliżej przez z-index, na niczym pod spodem nie da się klikać, nawet jeśli nakładka jest pusta. Da się z tym coś zrobić? Dalej na tej nakładce wyświetlam diva z position absolute, a z kolei na takie nie działa z-index - czyli rozwiązanie w którym nakładka jest pod spodem a elementy są na wierzchu też nie działa - musiałbym chyba nie używać position absolute, a nie mogę, bo pod spodem mam div z overflow scroll, i elementy nakładki też by się przewijały, a nie mogą (w końcu to OSD, elementy pozycjonują się względem ekranu, a nie arkusza, który jest przewijany).

Czy jest jakiś sposób, żeby warstwa nie odbierała klików?

Obecnie mam to rozwiązane tak, na elemencie który jest wyświetlany z position absolute wszystkie inne, wewnątrz niego mają ustawiony z-index oczko wyżej od innych. Moja nakładka jest generalnie pod stroną, zamiast nad nią, a box który się wyświetla na nakładce, chociaż sam nie może mieć ustawionego z-index-a, to jego wszystkie elementy potomne mają. Działa we wszystkich przeglądarkach z wyjątkiem Opery. Opera ignoruje z-index na elementach wewnątrz div-a z position absolute. Pytanie, jakie zachowanie przeglądarki jest bardziej prawidłowe?

Ten post edytował pp-layouts 9.07.2010, 08:19:26
Go to the top of the page
+Quote Post
nmts
post
Post #2





Grupa: Zarejestrowani
Postów: 283
Pomógł: 34
Dołączył: 21.03.2008

Ostrzeżenie: (0%)
-----


Coś takiego?

  1. <script type="text/javascript" charset="utf-8">
  2. $().ready(function(){
  3.  
  4. var href;
  5.  
  6. $("#nakladka").click(function(){
  7. $("#nakladka").css('display', 'none');
  8. });
  9.  
  10. $("*").mouseover(function(){
  11. if(href = $(this).attr("href")){
  12. $("#nakladka").css('display', 'block');
  13. top.location = href;
  14. }
  15. $("#nakladka").css('display', 'block');
  16. });
  17. });


Ten post edytował nmts 13.07.2010, 23:32:54


--------------------
Free Web Tools - narzędzia dla programistów, webdeveloperów i specjalistów seo...
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 19.08.2025 - 07:31