css - 为什么我的登录状态链接无法使用 BlueprintCSS 的 print.css 正确呈现

Question

我正在尝试在我的应用程序中实现 BlueprintCSS 网格框架，并且在包含它为我的链接调用的脚本之后呈现出奇怪的效果。我把它缩小到print.css。如果有人以前遇到过这个，那就在徘徊。

这是渲染的内容

注销 (javascript:__doPostBack('ctl00$LoginStatus1$ctl00',''))

显然，删除 print.css 可以解决这个问题，但是，为什么呢？这是浏览器画面？IE8 和 Chrome 都呈现相同的。

Answer 1

我相信这是由 Blueprint 使用:after和contentcontent generation 属性引起的。这样做的用途显然是让人们在阅读印刷文档时可以看到链接的位置，因为您显然无法单击纸张来查找！

解决此问题的最简单方法是删除或更改以排除您的登录链接，此规则集：

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

当然，最好不要在href属性中使用内联 Javascript。