[SOLVED] JQueryTools changes background png

[Mantlet]

Hi All,

I am building a website where I have to use a semitransparent PNG as background image. All goes well on most pages. But on the page with the GoogleMaps, the PNG is shown way more transparent than on the other pages. This only happens in IE8, not FF or Chrome.

I've found out that it takes a while to load the JQueryTools. As soon as that's done, the extra transparancy gets loaded. I can't build that page without the JQueryTools. I can't build the website with one page with a different transparency. Can anyone tell me what I need to disable in JQueryTools to keep CGGoogleMaps running, but without the transparency modifier in IE8?

See the difference here:
http://www.cafedoordagt.nl/menu (regular transparency)
http://www.cafedoordagt.nl/contact (more transparency)

All the modules used and so on:

----------------------------------------------

Cms Version: 1.9.4.2

Installed Modules:

CMSMailer: 2.0.1
FileManager: 1.1.0
MenuManager: 1.7.6
ModuleManager: 1.4.2
News: 2.11.3
nuSOAP: 1.0.2
Printing: 1.1.2
Search: 1.6.10
ThemeManager: 1.1.4
TinyMCE: 2.8.4
CGSimpleSmarty: 1.4.8
CGExtensions: 1.26.3
CGGoogleMaps: 2.1.4
FormBuilder: 0.7
JQueryTools: 1.0.10

Config Information:

php_memory_limit:
process_whole_template: false
output_compression: false
max_upload_size: 64000000
default_upload_permission: 664
url_rewriting: mod_rewrite
page_extension:
query_var: page
image_manipulation_prog: GD
auto_alias_content: true
locale:
default_encoding: utf-8
admin_encoding: utf-8
set_names: true

Php Information:

phpversion: 5.3.2-1ubuntu4.9
md5_function: On (True)
gd_version: 2
tempnam_function: On (True)
magic_quotes_runtime: Off (False)
E_STRICT: 0
E_DEPRECATED: 0
memory_limit: 64M
max_execution_time: 60
output_buffering: On
safe_mode: Off (False)
file_uploads: On (True)
post_max_size: 64M
upload_max_filesize: 64M
session_save_path: No check because open basedir active
session_use_cookies: On (True)
xml_function: On (True)

Server Information:

Server Api: apache2handler
Server Db Type: MySQL (mysql)
Server Db Version: 5.1.45

----------------------------------------------

[Jos]

Uhm... I don't see any difference in IE8 ?

But did you create the png with Adobe Photoshop by chance? I know of an issue that some version of photoshop create png images with different color/transparancy shown in IE / FF

[Mantlet]

Hi Jos,

I changed the top image from one random image to the image rotator. That also seems to cause the fading behaviour. Instead of a photoshop PNG, I created it in Illustrator. But that also doesn't help.

I've uploaded two images, so you can see the difference:

http://cafedoordagt.nl/transparency1.jpg
http://cafedoordagt.nl/transparency2.jpg

The weird thing is that it doesn't alter the other background images, only this half transparent one.

What behavior in Javascript causes this?

[Mantlet]

Have found another computer that also runs IE8. That one doesn't have a problem with the background. Weird thing, but I'll try and see what it looks like on some other machines.

So far, so solved...

[Jos]

Have found another computer that also runs IE8. That one doesn't have a problem with the background.

That's what I said