Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> znikające div'y na Androidzie
ABDOO
post
Post #1





Grupa: Zarejestrowani
Postów: 45
Pomógł: 0
Dołączył: 11.02.2013

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

Witam,
strona wyświetlająca się prawidłowo na komputerze z systemem Windows we wszystkich przeglądarkach nie wyświetla divów na Androidzie. W trakcie ładowania divy są widoczne, ale znikają gdy ładowanie strony się zakończy. Myślałam, że divy zostają zasłonięte tłem, dodałam z-index, co jednak nie przyniosło żadnych efektów. Czy ktoś spotkał się z takim problemem?
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <style type="css/text">
  4. .extras {
  5. 	width:150px;
  6. 	height:100px;
  7. 	padding: 50px 75px;
  8. 	position: absolute;
  9. 	color: #003781;
  10. 	display:block;
  11. 	text-align: center;
  12. 	vertical-align: top;
  13. 	z-index:101
  14.  
  15. }
  16.  
  17.  
  18. div.text {
  19. 	display:none;
  20. }
  21.  
  22. .inline {
  23. 	background-image: url("../img/ribbon5.png");
  24. 	background-size: 100%;
  25. 	background-repeat: no-repeat;
  26. 	padding: 2px;
  27. 	margin: 0px 0px;
  28. 	width: 65px;
  29. 	height:16px;
  30. 	display:block;
  31. 	color:#fd6c1d;
  32. 	text-align: left;
  33. 	position:absolute;
  34. 	left: 80%;
  35. 	top:40%;
  36. 	text-transform: uppercase;
  37. 	font-size: 0.8em
  38. }
  39.  
  40.  
  41. #div1{
  42. 	background: url("../img/cl6.png");
  43. 	position:absolute;
  44. 	top: 37%;
  45. 	left: 3%;
  46. 	background-size: contain;
  47. 	background-repeat: no-repeat;
  48. 	background-position:top;
  49. 	z-index: 101;
  50. }
  51. </style>
  52.  
  53. </head>
  54. <body>
  55. <div id="div1" class="extras">
  56. Some text <a class="inline" href="#responsive"> details</a>
  57. </div>
  58. <div class="text">
  59. <div id="responsive" >
  60. <p> Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur? </p>
  61. </div>
  62. </div>
  63.  
  64. </body>
  65. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
werdan
post
Post #2





Grupa: Zarejestrowani
Postów: 354
Pomógł: 100
Dołączył: 14.11.2013
Skąd: Płock

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

http://jsfiddle.net/L23vy/embedded/result/

U mnie na Androidzie jest to samo co na desktopie.
Go to the top of the page
+Quote Post

Posty w temacie
- ABDOO   znikające div'y na Androidzie   6.07.2014, 23:30:43
- - werdan   http://jsfiddle.net/L23vy/embedded/result/ U mnie...   7.07.2014, 07:34:49
- - ABDOO   Wygląda więc na to że może problem leży wyżej [HT...   7.07.2014, 07:44:42

« Następny starszy · CSS · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 27.12.2025 - 17:51
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn