iWeb with Google Chrome Opacity Problem

Question

Level 1

0 points

iWeb with Google Chrome Opacity Problem

Hi, I'm relatively new to iWeb and probabably do not know many features, so.. don't blame me if i do not know what you mean 😝

In iWeb, I created some text with shadows and line dividers, both with opacity on them:

and with changing colors when cursor hovers over the links:

However, after I published it, it appeared like this when using the latest version of Google Chrome on Mac OS X 10.6.8:

with no opacity on the shadow and line dividers, and no change of color when hovering over the text.

Also, only the opacity works on Safari, not the color change. Is it due to my browser? or did I just missed out options when publishing? o.O

iWeb '08, Mac OS X (10.6.8), Google Chrome 27.0.1453.93

Posted on May 24, 2013 11:01 PM

Reply

Answer 1

Best reply

Wyodor

Level 6

19,930 points

May 24, 2013 11:13 PM in response to Optixal

It's the browser.

Solution :

Copy the object in iWeb, including all the styling.

Open Preview.app.

Do Command-N (New)

Save image as .pdf

In iWeb, drag the PDF on the canvas.

Publish.

The image looks perfect in Chrome.

Demo : http://home.wyodor.net/demoos/Chrome/

Reply

Answer 2

Optixal Author

Level 1

0 points

May 24, 2013 11:27 PM in response to Wyodor

Thx! that worked out great!

Although, is there any other way to add back the hyperlinks and the cursor hover over color change respectively?

Reply

Answer 3

Wyodor

Level 6

19,930 points

May 25, 2013 12:28 AM in response to Optixal

The more complex it gets, the less it can be done in iWeb.

Create your own menus.

http://www.wyodor.net/_Demo/duckmenu/HoverImages.html

This is the image :

Display the menu in a HTML Snippet with the <iframe> html element.

http://www.w3schools.com/tags/tag_iframe.asp

Here's another sample of the duckmenu :

http://www.wyodor.net/_Demo/tmf/Duckmenu.html

It's added to the page with a JavaScript :

http://www.wyodor.net/_Demo/duckmenu/duckmenu.js

More menus here :

http://www.wyodor.net/_Demo/tmf/TMF.html

http://www.wyodor.net/_Demo/FloatingMenu/Fixed.html

http://www.wyodor.net/_Demo/FloatingMenu/DynamicFloat.html

and here :

http://www.wyodor.net/mfi/roodhout/How_To_Do.html

http://www.wyodor.net/mfi/Maaskant/How_To.html

Lots of menus :

http://www.wyodor.net/mfi/Maaskant/Some_Menus.html

Reply