1

寸法が2350*180の画像があります。

私は電話ギャップに取り組んでいます。そのため、どのデバイスにも適用できるように、コードを一般的な形式で提供する必要があります。

これで、その大きな画像の背景画像ができました。

style="background:url("img/bg.png") no-repeat fixed center top; width:100%; height:100%; "

このコードは少数のみで機能します..私のコードに間違いはありますか?

別の質問は、スクロールするとスクロールバーが表示されることです。だから私は追加しました

style="overflow:hidden;"

<img src=""/> tag.

私は正しいですか、それとも他のコードを追加する必要がありますか?

編集：

HTML

    <body style="style="background:url("img/bg.png") no-repeat fixed center top; width:100%; height:100%;" class="body">
    <div id="image"  class="noSelect">
        <table class="table">
            <tr>
                <td class="main">
                    <img src="http://www.rhpstudio.com/images/google_icon.png" alt="map" usemap="#map" style="overflow:hidden;" />
                </td>
            </tr>
        </table>
</body>

私はこの背景background:url("img/bg.png")をコードで取り、この画像はここで与えられていますはサンプルですが、その寸法は2350*180です。

EDIT:2-->コード全体

HTML コード:

<body style="background-image:url(img/bg.png);" class="body">
    <div id="image"  class="noSelect" style="height:100%;">
       <table class="table">
          <tr>
        <td class="main">
           <img src="img/list.png" alt="bloodtestmap" usemap="#bloodtestmap" class="noSelect" style="overflow:hidden;" />
         </td>
          </tr>
       </table>

CSS コード:

    .body, .main_html
    {
        height: 100%;
        margin: 0;
    }
    .body
    {
        overflow: hidden;
        background-size: 100% 100%;
    }
    .table 
    {
        width: 100%;
        height: 100%;
        text-align: center;
    }
    .main 
    { 
        max-width: 100%;
        vertical-align: middle;
    }
4

1 に答える 1