3

Web サイトにクリック可能な画像 (境界線なし) を表示するには、次のようにします。

<a href="link"><img src="img" border="0" /></a>

ただし、これは厳密な XHTML 1.0 ではないため、次のように変更しました。

<img src="img" class="mystyle" />

そしてCSS：

mystyle img
{
    border: 0px;
}

ただし、これは Safari と Chrome でのみ機能し、IE と FireFox では機能しません。

w3バリデーターが必要ないことは理解していますが、誰かがこれに遭遇したかどうか、そしておそらく修正されたかどうか疑問に思っていました:)

編集：スタイルはタイプミスでした、私はクラスを意味しました;）

ありがとう

4

5 に答える 5

6

いくつかの変更が必要です ( @Adrianoが彼のコメントで述べたように、Webkit ベースのブラウザーは画像リンクの周りに境界線を置かないように見えます)。

HTMLで

<img src="img" class="mystyle" />

属性はプロパティ値を直接割り当てるためのstyleものであり、css ルールを参照するものではないためです。class属性はそのために使用されます。

そしてCSSで

.mystyle
{
    border: 0px;
}

クラス ルールを示すために、.( #ids に対して) を付けるからです。クラスを持つ他の要素に含まれるタグimgをスタイルしたいということになるので、そこからを削除しました。imgmystyle

于 2010-11-02T14:45:03.943 に答える
2

あなたのCSSには「。」がありません。マイスタイル前。これはあなたが望むcssです：

.mystyle img { ボーダー: 0px; }

HTML では、「style」タグではなく「class」タグを使用してください。次のように、Css 行に含める場合はスタイルを使用します。

<img href="img" style="border: none;" />
于 2010-11-02T14:45:24.397 に答える
2

まず、そうであってはなりclass="mystyle"ませんstyle="mystyle"。

次に、<img> タグはmystyleクラスを持つ要素と同じであるため、CSS が間違っています。

定義した CSS は、 というmystyle別の要素の内部にある という要素用imgです。

スタイルを実際に定義する方法はimg.mystyle.

したがって、CSS コードは次のようになります。

img.mystyle {
    border:0px;
}

HTML は次のようになります。

<img src="img" class="mystyle" />

正直に言うと、これをすべての画像に適用したいので、まったく気にしませんmystyle。img境界線を削除するには、独自のスタイルシート エントリを用意するだけです。後で特定の画像に追加する必要がある場合は、いつでも上書きできますが、デフォルトではオフにした方がよいでしょう。

元のコードが Chrome/Safari では機能するが Firefox/IE では機能しないという謎につ​​いては、Chrome/Safari でデフォルトの境界線が削除された可能性があります。Firefox と IE は画像リンクに古いデフォルト スタイルをまだ使用しており、デフォルトで境界線を付けるようになっているため、これらのブラウザではこれを行う必要さえありません。オーバーライドが必要です。

于 2010-11-02T14:48:18.883 に答える
0

そうではない<img src="img" class="mystyle" />でしょうか？

于 2010-11-02T14:46:15.940 に答える
0

my quess is that you don't catch the css propertly. it should be **.**mystyle img

<a href="link" ><img style="border: 0px" src="http://www.google.com/images/nav_logo16.png"  /></a>
于 2010-11-02T14:47:43.643 に答える