SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Member
    Join Date
    Mar 2009
    Posts
    8
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Apply AlphaImageLoader to an input of type image

    Hi,

    I am wanting to apply the AlphaImageLoader function with the parameter sizingMethod set to scale so that my image scales using a better algorithm in IE 6. This works fine for the following example where no input is used:
    Code:
    <DIV ID="myDiv" 
    	STYLE="position:relative; 
    	height:250px; 
    	width:250px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='logo.gif',sizingMethod='scale');"></DIV>
    The problem I am having is that I am using an input of type image and the following style doesn't work as I can no longer click on the input.
    Code:
    <DIV ID="myDiv" 
    	STYLE="position:relative; 
    	height:250px; 
    	width:250px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='logo.gif',sizingMethod='scale');">
    	<input type="image" style="width:8.625em; height:3.44em; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);" 
    	src="logo.gif"  />
    </DIV>
    I am sure this can be solved using JavaScript but was wondering if there was a CSS only solution?

    Thanks for your help

  2. #2
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,564
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Remove position:relative; from the div. Add it to the input.
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  3. #3
    SitePoint Member
    Join Date
    Mar 2009
    Posts
    8
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks, that seems to have fixed it.

  4. #4
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,564
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Your welcome . If you have any more questions just ask.
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •