CSS non funziona sulle pagine HTTPS in Chrome e IE

Question

Sul mio sito, Chrome non può caricare un foglio di stile se la pagina è aperta con https.

Ad esempio, nella pagina test.php Ho il seguente CSS comprendono:

<link href="http://www.domain.com/css/mainstyle.css" rel="stylesheet" type="text/css"> 

utilizza il percorso assoluto perché c'è un sacco di SEO, sottodirectory ecc, quindi è molto più facile da includerlo come questo piuttosto che cercare percorsi relativi.

Se apro la pagina come http://www.domain.com/test.php funziona correttamente, ma se lo apro come https://www.domain.com/test.php Chrome si rifiuta di caricare il foglio di stile!

Funziona in Firefox e Safari. Posso capire che IE è un browser con esigenze speciali, ma perché Chrome lo fa e come posso risolverlo?

La chiamata al file CSS con https://domain.com/css/mainstyle.css risolve il problema, ma è davvero necessario?

Answer 1

Forse provare Protocol Relative URLs:

< link href = "// www.domain.com/css/mainstyle.css" rel = "stylesheet" type = "text/css">

The Protocol-relative URL - Paul Irish

Spero che possa essere d'aiuto!

Answer 2

È necessario consentire i file .css, .js, .png, .jpg, .bmp, .gif, .eof, .ttf, .svg nel file .htaccess per la pagina https.

Per motivi di sicurezza, Chrome non ha autorizzato questi file su queste pagine. MA Firefox permesso.