Изображение не будет отображаться - CSS

У меня возникла странная проблема с ошибкой CSS для мобильных/настольных устройств.Изображение не будет отображаться - CSS

На мобильном устройстве изображение для одного из моих классов не будет отображаться, но область содержимого для него будет.

На рабочем столе появится изображение для одного из моих классов, включая область содержимого для него.

Это, как я создаю свой имидж:

<div class="image"> 
<img src="images/image.jpg" alt="" /> 
</div>

Это то, что я делаю в моем mobile.css файле:

.image { 

width: 471px; 
height: 513px; 
float: left; 
}

В другом один из моих файлов (для iPhone) Я не показываю изображение, поэтому я делаю это:

.image { 
    display: none; 
}

Может ли это быть причиной моей проблемы?

источник

2013-07-08 qweqweqwe

попытайтесь добавить 'display: block! Important' в ваш первый css – softsdev

Я сделал, а затем изображение получилось совершенно другим чем это было бы на рабочем столе @softsdev – qweqweqwe

Но конфликт между двумя классами, но тем же именем класса, может быть тем, что заставляет его исчезать. – Albzi

@media screen and (max-width: 480px) { 
    .image { 
    display : none; 
    } 
}

источник

2013-07-08 15:03:35 DarkBee

Недавно с этой проблемой сам, это было связано с размером файла изображения слишком велик (размер файла, а не размер). Попробуйте уменьшить размер файла, а затем он будет загружен. Попробуйте site like this, чтобы помочь вам.

источник

2013-07-08 15:03:41 Albzi

это иронично, потому что я просто понял, что :) – qweqweqwe

Если по какой-либо причине правило display: none; применяется в других ситуациях, да. Удалите это правило, затем повторите попытку. Когда случается что-то странное, я удаляю блоки кода, частично по частям, чтобы увидеть, что вызывает проблему. Все редакторы отменят, поэтому я удаляю блок, проверяю и отменю, удаляю следующий блок и т. Д.

источник

2013-07-08 15:04:25 SPRBRN

Изображение не будет отображаться - CSS

ответ

Смежные вопросы