Переполнение скрыто изображения - PullRequest
Новая
       0

Переполнение скрыто изображения

0 голосов
/ 16 декабря 2011

Я работаю на сайте .Я хочу сделать изображение в заголовке равным ширине страницы, но я не могу этого сделать.Когда я увеличиваю ширину страницы, она не увеличивает ее ширину и скрывает переполнение.Пожалуйста, помогите мне.

Код 

<!DOCTYPE html>
<html id="index-page" class="canvas canvastext no-touch draganddrop rgba borderradius boxshadow textshadow opacity fontface video audio localstorage mobile-768 mozilla wordpress-section w-900 lt-960 js gradient rgba opacity textshadow multiplebgs boxshadow borderimage borderradius no-cssreflections csstransforms csstransitions fontface not-ie domloaded" lang="en-US" dir="ltr">
<head>
<body id="home" class="home blog">
<div id="wrap" style="">
<header role="banner">
<section id="site-logo">
<a href="http://ackmaster.com/wordpress">
<img width="1200px" alt="Ackmaster.com" src="http://ackmaster.com/wordpress/wp-content/uploads/2011/12/WebSiteMain2.jpg">
</a>
</section>
<section id="nav-wrap">
</header>
<div id="content" role="main">
<footer style="min-height: 0; padding-top: 0;" role="contentinfo">
</div>
<script>
<div id="fancybox-tmp"></div>
<div id="fancybox-loading">
<div id="fancybox-overlay"></div>
<div id="fancybox-wrap">
</body>
</html>

Ответы [ 4 ]

3 голосов
/ 16 декабря 2011

Вы можете установить ширину изображения на 100%> 

<img width="100%" alt="Ackmaster.com" src="http://ackmaster.com/wordpress/wp-content/uploads/2011/12/WebSiteMain2.jpg">

или 

<img style="width:100%" alt="Ackmaster.com" src="http://ackmaster.com/wordpress/wp-content/uploads/2011/12/WebSiteMain2.jpg">

Удачи!

1 голос
/ 16 декабря 2011

Дочерний узел может быть только такого размера, как его родитель. Убедитесь, что родительский узел достаточно большой, чтобы вместить ваш дочерний узел. Div - только 900px, но изображение - 1200px. Это проблема.

0 голосов
/ 16 декабря 2011

Я проверил ваш URL с FF, следующие изменения сделали, как вы ожидали. 

img {
    border: 0 none;
    vertical-align: middle;
    width: 100%;
}

select#mobile-navigation  {
    color: #1F1F1F;
    float: left;
}

#nav-wrap div.bg {
    -moz-box-shadow: 0 3px 0 rgba(55, 55, 55, 0.12);
    background: url("../images/common-bg.jpg") repeat scroll 0 0 transparent;
    height: 49px;
    left: -40px;
    padding: 0 57px;
    position: absolute;
    top: 0;
    width: 97%;
}
0 голосов
/ 16 декабря 2011

Как насчет использования CSS: 

#site-logo{
    width:1200px;
} 
#site-logo img{
    overflow:hidden;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...