Parse Error Opacity=0

General General Questions
1

Hi guys,



I'm going thru my website doing a full SEO audit and I've come across a heap so errors which i want to try and fix. The problem is I'm not a programmer so learning is slow.



One error in particular is the [color=#0000ff].ui-helper-zfix Parse Error Opacity=0[/color]

I've been checking Google all afternoon but with no success. There is a heap of tools that validate it but don't really tell you how to fix it…unless I don't understand it. I've posted the code from my jquery.css file below.



if someone could explain to me what the error means and how i can fix it i would appreciate it very much. Probably that way i can tackle the other parse errors. thanks



[color=#0000ff]ui-helper-hidden { display: none; }[/color]

[color=#0000ff].ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }[/color]

[color=#0000ff].ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }[/color]

[color=#0000ff].ui-helper-clearfix:after { content: “.”; display: block; height: 0; clear: both; visibility: hidden; }[/color]

[color=#0000ff].ui-helper-clearfix { display: inline-block; }[/color]

[color=#0000ff]/* required comment for clearfix to work in Opera */[/color]

[color=#0000ff]* html .ui-helper-clearfix { height:1%; }[/color]

[color=#0000ff].ui-helper-clearfix { display:block; }[/color]

[color=#0000ff]/* end clearfix */[/color]

[color=#0000ff].ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }[/color]

2

[size=4][font=arial,helvetica,sans-serif]This is for browser compatibility, the alpha is for explorer. But seo don't recognize this and give an error for that because of the ().[/font][/size]


ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

filter:Alpha(Opacity=0);




Example CSS code for different browsers


/* Theoretically for IE 8 & 9 (more valid) */
/* ...but not required as filter works too */
/* should come BEFORE filter */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

/* This works in IE 8 & 9 too */
/* ... but also 5, 6, 7 */
filter: alpha(opacity=50);

/* Older than Firefox 0.9 */
-moz-opacity:0.5;

/* Safari 1.x (pre WebKit!) */
-khtml-opacity: 0.5;

/* Modern!
/* Firefox 0.9+, Safari 2?, Chrome any?
/* Opera 9+, IE 9+ */
opacity: 0.5;
}

3

Thanks for your reply, i appreciate it very much.



So with the code you have shown above, can i stick that with the existing code as it is? Would it affect the other code in any way?



Cheers

Dion