Railsチュートリアル、サイト上の奇妙なCSSフォーマット

hereが表示されます。Railsチュートリアル、サイト上の奇妙なCSSフォーマット

青写真を削除すると、サイトが正常に表示されます。ブートストラップを追加しようとしましたが、同じ問題が発生します。

2012-02-12 d_ethier

私は同じ問題を抱えていた、このステップは、節5.4.3 Deploying to production with Blueprintで説明されて

config.assets.precompile += [ "blueprint/*.css" ]

設定/環境/ production.rbに次の行を追加しようとは;）

出典

2012-02-12 23:26:48

良い提案ですが、私はすでにファイル内にその行があります。私はHerokuにプッシュする前にあらかじめコンパイルしようとしました。 dev/testでも表示は同じように見えます。私はブートストラップをあらかじめコンパイルして、今はすべてがうまく見えます。ご協力いただきありがとうございます。 –

クロムによると、これはこの原因コードです：

http://blazing-fog-1717.herokuapp.com/assets/application-fcc74be8bd91511db934f033390efd28.css 

a:link::after, a:visited::after { 
    content: " (" attr(href) ")"; 
    [...]

私は青写真がこれをやっているかもしれない理由はわかりませんが、あなただけのblueprint.cssを編集して、次のルールで削除できます

を

content: " (" attr(href) ")";

あなたのリンクのメディア属性をprint（media = "print"）に設定することで問題を修正することもできます。

あなたはこれらのソリューションのいずれかが気に入らない場合、あなたは、封入青写真AFTER以下のCSSコード追加することにより、過書き込みCSSことができるようになります。

a:link:after, a:visited:after { 
    font-size:90%; 
    content: none; 
}

を私はそれについてはよく分かりません最後の部分ですが、試してみることができます。

出典

2012-02-12 21:57:38 Chris

私は彼らが個別に定義されていましたプリコンパイルのステップでは、両方をapplication.cssファイルに入れていました。私はそれが間違って行われていたと思います。私はブートストラップをあらかじめコンパイルして、今はすべてがうまく見えます。ご協力いただきありがとうございます。 –

Railsチュートリアル、サイト上の奇妙なCSSフォーマット

答えて

関連する問題