css-изображения наложения и встроенный блок в UIwebview

Question

В приложении iOS Я пытаюсь перечислить все изображения из галереи пользователя, поплавок с кратковременным щелчком по краям x в верхнем левом (или правом) углу каждого и отображение в сетка, то, что у меня здесь, работает в моем браузере, но когда я запускаю ее в телефоне, он не отображается правильно в iOS или Android. Я не уверен, куда идти отсюда, или если это возможно, я использую jQuery mobile, если это имеет значение. Я попытался запустить код без JQuery и получил те же результаты ..

<span id="client_logos"> 
    <div class="imgspan"> 
     <img src="img1.jpg" width="118" height="118" alt="" border="0" class="timg"> 
     <a href=""><img src="icon-folder.gif" width="28" height="28" alt="" border="0" class="fimg"></a> 
    </div> 

    <div class="imgspan"> 
     <img src="img2.jpg" width="118" height="118" alt="" border="0" class="timg"> 
     <a href=""><img src="icon-folder.gif" width="28" height="28" alt="" border="0" class="fimg"></a> 
    </div> 

    <div class="imgspan"> 
     <img src="img3.jpg" width="118" height="118" alt="" border="0" class="timg"> 
     <a href=""><img src="icon-folder.gif" width="28" height="28" alt="" border="0" class="fimg"></a> 
    </div> 
</span> 

мой КСС:

.client_logos { 
    display: inline-block; 
    width:100%; 
} 
.timg { 
    position:absolute; 
} 
.fimg { 
    float:left; 
    position:absolute; 
} 
.imgspan { 
    display: inline-block; 
    margin: 0 5px; 
    width:120px; 
    height:120px; 
} 

Answer 1

Я видел много ошибок на вашем коде, что, может быть проблема:

1. Span #client_logos должен быть div, потому что он не является правильным обтеканием элементов html внутри пролета.
2. CSS объявлен .clients_logos, но ваш диапазон использует ID и вообще не имеет класса.

3. fimg и timg использует position: absolute, но его родитель .imgspan не имеет позиции, вы должны добавить позицию:

    
   .imgspan { 
       display: inline-block; 
       margin: 0 5px; 
       width:120px; 
       height:120px; 
   }