Преглед изворни кода

Support for IE8

This might me the saddest commit I've ever done :p
I replaced HTML5 tags (header, nav, footer...) by div tags to get the CSS
to be applied properly.
I added some old fashion CSS to support IE8 (opacity).
Not tested on IE7 and IE6, it could work on them too, but their marketshare
is too small to even waste time testing.

Signed-off-by: Jean-Baptiste Kempf <jb@videolan.org>
Jean-Romain Prévost пре 12 година
родитељ
комит
4777684c04
2 измењених фајлова са 19 додато и 14 уклоњено
  1. 10 10
      Resources/web/index.html
  2. 9 4
      Resources/web/style.css

Разлика између датотеке није приказан због своје велике величине
+ 10 - 10
Resources/web/index.html


+ 9 - 4
Resources/web/style.css

@@ -37,7 +37,7 @@ div.main.drop {
   border: 2px solid yellow;
 }
 
-header {
+#header {
   text-align: center;
   height: 88px;
   background-color: #c95a07;
@@ -45,7 +45,7 @@ header {
   border-top-left-radius: 14px;
   border-top-right-radius: 14px;
 }
-nav {
+.nav {
   height: 88px;
   padding: 14px;
   background-image: url(title@2x.png);
@@ -109,6 +109,10 @@ nav {
 
 #fileupload {
   opacity: 0;
+  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+  filter: alpha(opacity=0);
+  -moz-opacity: 0;
+  -khtml-opacity: 0;
   position: absolute;
   top: 0;
   right: 0;
@@ -143,6 +147,7 @@ nav {
 .uploads .filename {
   font-size: 20px;
   line-height: 50px;
+  text-align: left;
 }
 .uploads .progress {
   height: 14px;
@@ -238,7 +243,7 @@ nav {
   padding: 1px;
 }
 
-footer {
+#footer {
   font-size: .9em;
   line-height: 1.3em;
   margin-top: 40px;
@@ -247,7 +252,7 @@ footer {
   color: rgb(120, 120, 120);
   text-shadow: 1px 1px 2px black;
 }
-footer a{
+#footer a{
   color: #c95a07;
 }