6

今日、サイトをブループリントCSSに変換したところ、突然、すべてのハイパーリンクのURLが角かっこで囲まれて表示されました。

このハイパーリンク

<a href="Products/List.aspx">Read more</a>

このようなレンダリング

Read More (Products/List.aspx)

これは、Blueprintにバンドルされているプラ​​グインの1つに関連しているのではないでしょうか。

追加：リンクは正常にレンダリングされます。つまり、不要なURL部分がクライアント側で生成されます。人々はソースコードを求めてきたので、ここにあります（無関係なテキストは削除されました）：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link href="Styles/Blueprint/screen.css" rel="stylesheet" type="text/css" />
    <link href="Styles/Blueprint/print.css" rel="stylesheet" type="text/css" />
    <!--[if lt IE 8]><link rel="stylesheet" href="Styles/blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->
</head>
<body>
    <a href="Products/List.aspx">Read more</a>
</body>
</html>

解決済み： すべてのチュートリアルで提案されている「print.css」シートを削除することで、この例とサイト全体の問題を解決することができました。由緒ある「print.css」がなぜこのように機能しているのか、私はまだ非常に興味があります。

4

1 に答える 1

12

CSSに次のようなものがある可能性があります。

a:link:after { content:" (" attr(href) ") "; }

それはあなたが説明する振る舞いを生み出します。

通常、この種のスタイルは、スタイルシートの印刷バージョンにのみ使用します。

于 2010-11-23T17:48:42.903 に答える