Skip to content
Browse files

IE bug fix

  • Loading branch information...
1 parent aeaae08 commit bdf7ff4a586cd52673a036c699c2f98f319c652e @kmendes committed
Showing with 21 additions and 3 deletions.
  1. +12 −3 js/jquery.phototag.js
  2. +9 −0 tests/photo_tags/styles.css
View
15 js/jquery.phototag.js
@@ -93,10 +93,16 @@
var registerEventsForTagBox = function( tagBox ){
tagBox.mouseover(
function(){
- $(this).stop().animate({ opacity: 1.0 }, 500);
+ if(!$.browser.msie)
+ $(this).stop().animate({ opacity: 1.0 }, 500);
+ else
+ $(this).css({ opacity: 1.0 });
}).mouseout(
function(){
- $(this).stop().animate({ opacity: 0.0 }, 500);
+ if(!$.browser.msie)
+ $(this).stop().animate({ opacity: 0.0 }, 500);
+ else
+ $(this).css({ opacity: 0.0 });
});
};
@@ -355,7 +361,10 @@
var extendTagBoxAttributes = function( tagBox, tagJSON, image, image_id ){
if(options.tag.flashAfterCreation){
$(tagBox).css({'opacity':1.0});
- $(tagBox).stop().animate({ opacity: 0.0 }, 800);
+ if(!$.browser.msie)
+ $(tagBox).stop().animate({ opacity: 0.0 }, 800);
+ else
+ $(tagBox).css({ opacity: 0.0 });
};
if(options.imageWrapBox.showTagList){
var tagItemForList = createTagItemForList(tagJSON,image);
View
9 tests/photo_tags/styles.css
@@ -34,6 +34,15 @@ a{color: #528CE0;text-decoration: none;}
.photoTag-tag{
border: 3px #3476CE solid;
opacity: 0.8;
+ /* Fallback for web browsers that don't support RGBa */
+ background-color: transparent;
+ /* RGBa with 0.6 opacity */
+ background-color: rgba(255, 255, 255, 0.1);
+ /* For IE 5.5 - 7*/
+ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000099, endColorstr=#00000099);
+ /* For IE 8*/
+ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000099, endColorstr=#00000099)";
+ overflow: visible;
}
.photoTag-tag .photoTag-delete {
background:url(x2.png) no-repeat;

0 comments on commit bdf7ff4

Please sign in to comment.
Something went wrong with that request. Please try again.