5

これが私のCSSとHTMLコードです。中央に単一の画像を配置したいのですが、画像の周りに奇妙な白い境界線があることを除いて、これは機能します。私は試してみましborder:none;たborder:0;

HTML:

<!DOCTYPE html>
<html>

<head>
<title>Food.</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="icon" type="image/png" href="favicon.ico">

</head>


<body>
<img border="0" id="image" class="centered" />

</body>

</html>

CSS:

.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -182px;
  margin-left: -153px;

}

img#image{
   /*I think this is where the issue is caused*/
    width:337px;
    height:219px;
    background-image: url('soon_comp.png');
    background-color: transparent;
}


body {
    outline: none;
    background-color: rgb(15,15,30);
    border-color:transparent;
    border:0px;
}
4

2 に答える 2

9

img タグに背景画像を設定している理由がわかりません。代わりに div または span タグを使用したいと思います。ただし、本当にこれを行いたい場合は、img#image CSS ルールに追加してみてください。

img#image{
  content: '';
  ...
}
于 2012-10-17T01:31:35.643 に答える
0

コードを単純化しようとしたかどうかはわかりませんが、次のようになります。

1）画像のsrcがありません：<img src= "myimage.jpg" />。

2）border="0"CSSの使用では代わりに使用しないでくださいborder:none

3）画像に背景を付けないでください。代わりに、除算を使用してください。

それ以外に、コードをテストしたときに白い境界線は表示されませんでした。もっと具体的に教えていただけますか？

于 2012-10-17T01:46:15.530 に答える