changeset 1134:cd594aa261ec

fix defineArea bug in IE; reintroduce CSS opacity filters for IE 6-8
author hertzhaft
date Tue, 13 Nov 2012 20:18:11 +0100
parents beb7e0f48242
children ad1b3ed04a55
files webapp/src/main/webapp/jquery/jquery.digilib.css webapp/src/main/webapp/jquery/jquery.digilib.js
diffstat 2 files changed, 17 insertions(+), 1 deletions(-) [+]
line wrap: on
line diff
--- a/webapp/src/main/webapp/jquery/jquery.digilib.css	Tue Nov 13 19:44:19 2012 +0100
+++ b/webapp/src/main/webapp/jquery/jquery.digilib.css	Tue Nov 13 20:18:11 2012 +0100
@@ -36,6 +36,7 @@
 div.dl-digilib div.dl-areaoverlay {
 	position: absolute;
 	z-index: 100;
+	background-image:url('.');
 }
 
 div.dl-digilib div.dl-birdview {
@@ -111,6 +112,8 @@
     font-size: 11px;
 	background-color: red;
     opacity: 0.3;
+	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
+	filter: alpha(opacity=30);
 }
 
 div.dl-digilib div.dl-region a:link,
@@ -122,12 +125,16 @@
 	background-color: transparent;
 	border: 2px solid red;
 	opacity: 0.6;
+	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
+	filter: alpha(opacity=60);
 }
 
 div.dl-digilib div.dl-regionArea {
 	background-color: red;
 	border: none;
     opacity: 0.3;
+	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
+	filter: alpha(opacity=30);
 }
 
 div.dl-digilib div.dl-regionHTML {
@@ -154,12 +161,16 @@
 	background-color: transparent;
 	border: 5px solid orange;
 	opacity: 0.8;
+	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
+	filter: alpha(opacity=80);
 }
 
 div.dl-digilib div.dl-findregion {
 	background-color: transparent;
 	border: 5px solid orange;
 	opacity: 0.8;
+	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
+	filter: alpha(opacity=80);
 }
 
 div.dl-digilib select.dl-finddata {
@@ -340,7 +351,10 @@
 div.dl-digilib table.dl-scalertable td.dl-arrow:hover {
     background-color: black;
 	opacity: 0.3;
+	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
+	filter: alpha(opacity=30);
 }
+
 div.dl-digilib table.dl-scalertable img.button {
     opacity: 1;
 }
@@ -388,6 +402,8 @@
 	padding: 1px;
 	background-color: gray;
 	opacity: 0.5;
+	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
+	filter: alpha(opacity=50);
 	z-index: 100;
 }
 
--- a/webapp/src/main/webapp/jquery/jquery.digilib.js	Tue Nov 13 19:44:19 2012 +0100
+++ b/webapp/src/main/webapp/jquery/jquery.digilib.js	Tue Nov 13 20:18:11 2012 +0100
@@ -1238,7 +1238,7 @@
         var pt1, pt2;
         // overlay div prevents other elements from reacting to mouse events 
         var $overlayDiv = $('<div class="'+CSS+'areaoverlay"/>');
-        $body.append($overlayDiv);
+        $elem.append($overlayDiv);
         bodyRect.adjustDiv($overlayDiv);
         // area div 
         var $areaDiv = $('<div class="'+CSS+'area"/>');