为什么标签的 href 属性会打印到屏幕上？ [复制]答案

【问题标题】：Why the href attributes of a tags are printed to screen? [duplicate]为什么标签的 href 属性会打印到屏幕上？ [复制]
【发布时间】：2011-06-17 14:20:45
【问题描述】：

可能重复：
Hyperlinks showing URL with Blueprint

DOM：

<div id="menu">
    <ul>
        <a href="#">Home</a>
        <a href="/contacts">Contact List</a>
        <a href="/album">Event Album</a>
    </ul>
</div>

看起来很奇怪，为什么要打印href？

    /* Menu */
#menu{
 width:400px;
 height:50px;
 margin:10px auto;
 border:solid 1px #313131;
 background:#ffffff;
 overflow:hidden;
}
/*------ MENU ------*/

    #menu ul{
     list-style:none;
    }

    #menu ul a{
     text-decoration:none;

    }

    #menu ul a:hover{
     color:#7878ff;

    }

【问题讨论】：

这是特定于蓝图的东西，我记得在其他问题中看到过。

标签： css blueprint-css

【解决方案1】：

看起来您可能正在为屏幕抓取 print.css。确保您的媒体类型设置正确。

【讨论】：

【解决方案2】：

确保您的链接项目的媒体属性设置为“打印”

<link rel="stylesheet" href="App_Themes/Default/print.css" type="text/css" media="print" />

负责这个的 CSS 看起来像这样：

a:link:after, a:visited:after {content:" (" attr(href) ")";font-size:90%;}

【讨论】：