为什么标签的href属性会打印到屏幕上?

时间:2011-01-29 01:30:38

标签: css blueprint-css

  

可能重复:
  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>

enter image description here

看起来很奇怪,为什么要打印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;

    }

2 个答案:

答案 0 :(得分:3)

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

<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%;}

答案 1 :(得分:2)

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