2011-09-29 10 views
5

Ho un file di tema Diazo basato sullo html5boilerplate. Il tema utilizza i commenti condizionali sull'elemento <html> per identificare particolari versioni di Internet Explorer, ad es.Come conservare i commenti condizionali nell'elemento <html> in un tema Diazo?

<!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]--> 

Tuttavia, quando viene applicato il tema Diazo sembra spogliare questi commenti condizionali e solo l'ultimo

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

viene lasciato nel codice finale che produce qualcosa come

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

con un ineguagliato endif. L'utilizzo di commenti condizionali all'interno del tag <html> (ad esempio all'interno di <head> o più avanti nel documento) sembra funzionare correttamente.

Esempi di un tema e regole dei file che hanno questo problema sono disponibili presso

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

sto usando plone.app.theming 1.0b8 con le versioni KGS associati da buon-py.

risposta

2

Questo sembra un errore in Diazo, per favore aggiungilo al localizzatore di bug di Plone con il componente "Diazo".

+0

Grazie. https://dev.plone.org/plone/ticket/12249 –

0

Una soluzione per questo potrebbe essere utilizzare i commenti condizionali sul tag <body>, ma Diazo deve anche aggiungere alcune classi al tag body per Plone, che lo interromperà in < = IE8.

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

Quindi un terzo lavoro tasso intorno potrebbe essere quella di utilizzare i commenti contional su un blocco div come questo.

<!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> 

Data la fuglyness generale della Plone di HTML generato, ho potuto vivere con questo.

Problemi correlati