瀏覽代碼

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;
 }