2011-09-29 4 views
5

私はhtml5boilerplateに基づいたDiazoテーマファイルを持っています。テーマは、特定のバージョンのInternet Explorerを識別するために、<html>要素の条件付きコメントを使用します。テーマが適用される場合Diazoテーマの<html>要素に条件付きコメントを保存するにはどうすればよいですか?

<!doctype html> 
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]--> 
<!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]--> 
<!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]--> 
<!-- Consider adding an manifest.appcache: h5bp.com/d/Offline --> 
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--> 

しかし、ジアゾは、これらの条件付きコメントを剥ぎ取るように見えるだけで、最後の

<!--<![endif]--> 

はと

<!doctype html> 
<html xmlns="http://www.w3.org/1999/xhtml" class="no-js" lang="en" xml:lang="en"><!--<![endif]--> 

のようなものを生産する最終マークアップに残っています比類のないendif<html>タグ内の条件付きコメントを使用すると(例:<head>またはそれ以下)、正常に動作しているようです。

テーマの例として、私は良い-PYから関連するKGSバージョンでplone.app.theming 1.0b8を使用していますこの問題を持つファイルが

https://github.com/hexagonit/hexagonit.themeskel/blob/master/hexagonit/themeskel/templates/less_theme/+namespace_package+/+package+/theme_resources

でご利用いただけますルール。

答えて

2

これはDiazoのバグのようですが、Ploneバグトラッカーにコンポーネント 'Diazo'を追加してください。

+0

ありがとうございました。 https://dev.plone.org/plone/ticket/12249 –

0

<body>タグで条件付きコメントを使用することができますが、DiazoはPloneのbodyタグにいくつかのクラスを追加する必要があります。これは< = IE8で壊れます。

<merge attributes="class" css:theme="body" css:content="body" /> 

このように、第3の回避策は、このようなdivブロックに対話的コメントを使用することです。

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <link rel="stylesheet" href="css/style.css"> 
    <title>Title</title> 

</head> 
<body> 
    <!--[if lt IE 7]> <div class="no-js ie6 oldie"> <![endif]--> 
    <!--[if IE 7]> <div class="no-jsie7 oldie"> <![endif]--> 
    <!--[if IE 8]> <div class="no-js ie8 oldie"> <![endif]--> 
    <!--[if gt IE 8]><!--> <div class="no-js"> <!--<![endif]--> 

    <div id="content"></div> 

    </div><!-- Browser Detection --> 
</body> 
</html> 

Ploneの生成されたhtmlの一般的な醜さを考えると、私はこれで生きることができました。

関連する問題