Переполнение CSS: скрытые работы сначала, а затем нет?

По какой-то причине приведенный ниже код работает один раз, но если я изменяю значения высоты для .Image, он перестает работать. Тестовое изображение переполняется, а не скрывается. Тогда содержащий div не будет изменять размер независимо от того, как часто я пытаюсь изменить высоту.
Переполнение CSS: скрытые работы сначала, а затем нет?

.Image{ 
     background-color:red; 
     height:400px; 
     overflow:hidden;  
    } 

</style> 

</head> 
<body> 
<div class="main"> 
    <div class="Image"> 
     <img "src="images/test.jpg" alt="test"> 
     </div> 
</div> 
</body> 
</html>

источник

2014-01-05 Anonymous

вы можете дать рабочий пример? потому что переполнение и высота всегда должны работать – x4rf41

Пожалуйста, укажите пример jsfiddle того, что не будет работать, я проверил ваш код и изменил высоту изображения, используя CSS dosen't, похоже, воспроизвести вашу проблему. Я бы рекомендовал удалить метку кавычек, предшествующую src, но я предполагаю, что это не было в вашем исходном коде, поскольку он полностью останавливает рендеринг изображений. – JaanRaadik

работает [check on fiddle] (http://jsfiddle.net/htm5L/) – rrugbys

причина, почему это не работает, потому что у вас есть ошибки в коде в IMG

<img "src="images/test.jpg" alt="test">

ваша ошибка ->

<img "src="...">

его должно быть ->

<img src="...">

с вне дополнительной цитатой

так что ваш код должен выглядеть следующим образом

.Image{ 
     background-color:red; 
     height:400px; 
     overflow:hidden;  
    } 

</style> 

</head> 
<body> 
    <div class="main"> 
    <div class="Image"> 
     <img src="images/test.jpg" alt="test"> 
    </div> 
    </div> 
</body> 
</html>

источник

2014-01-05 21:27:03 kanthonye

Переполнение CSS: скрытые работы сначала, а затем нет?

ответ

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