0

私のコードは以下です。ハイパーリンクがあるので、写真をクリックすると別のページに移動しますが、そのページは私の質問の一部ではありません. 私がやろうとしているのは、css を使用して、Web ブラウザーの高さに応じて画像のサイズを変更することです。google chrome では動作しますが、ie および idk では firefox では動作しません。誰かが何が間違っていたのかを教えてくれ、すべてのブラウザで動作するように私のコードを書き直すことができれば、それは大歓迎です.

<!DOCTYPE html>

<head>

<style>
.size{height:100%;}
.test{width:auto;height:100%;}
</style>


</head>

<body>

<div class="size">
<a href="test2.html"><img class="test" src="test.jpg" border="0"></a> 
</div>



</body>
4

1 に答える 1

0

画像をコンテナに入れてから、次のようにcssを設定できます

<html>
<head>
 <style>
    a.container { 
      width:100%;
      height:100%;
      display:block;
    }
    a#image1 {
        background: url(YOURIMAGE.jpg) no-repeat center center fixed; 
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }

    </style>
</head>

<body>
    <a class="container" id="image1" href="#"></a>
</body>
</html>

次に、リンクとして使用する各タグを識別し、その参照を css で作成できます。これにより、画像全体がページいっぱいになり、リンクにもなりません。

于 2013-09-12T18:56:35.650 に答える