<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <title>Accesibility and CSS2</title>
  <link rel="self" href="https://liferay.dev/ca/c/message_boards/find_thread?p_l_id=119785294&amp;threadId=4240302" />
  <subtitle>Accesibility and CSS2</subtitle>
  <id>https://liferay.dev/ca/c/message_boards/find_thread?p_l_id=119785294&amp;threadId=4240302</id>
  <updated>2026-05-20T17:51:10Z</updated>
  <dc:date>2026-05-20T17:51:10Z</dc:date>
  <entry>
    <title>RE: Accesibility and CSS2</title>
    <link rel="alternate" href="https://liferay.dev/ca/c/message_boards/find_message?p_l_id=119785294&amp;messageId=4250347" />
    <author>
      <name>Manuel de la Peña</name>
    </author>
    <id>https://liferay.dev/ca/c/message_boards/find_message?p_l_id=119785294&amp;messageId=4250347</id>
    <updated>2009-11-09T09:43:27Z</updated>
    <published>2009-11-09T09:43:27Z</published>
    <summary type="html">&lt;html&gt;&lt;head&gt;&lt;/head&gt;&lt;body&gt;Hello!&lt;br&gt;&lt;br&gt;I'd thought that. More concretely i've replaced elements containing 'opacity' in CSS theme with this:&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;pre&gt;&lt;code&gt;.lfr-configurator-visibility {
	/*opacity=0.5;*/
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* first!*/
	filter: alpha(opacity=50);					/* second!*/
}
&lt;/code&gt;&lt;/pre&gt;&lt;br&gt;&lt;br&gt;The elements changed are in css.jsp, and in application.css&lt;br&gt;&lt;br&gt;It works for me, but remember to use &lt;strong&gt;/* comments */&lt;/strong&gt;, instead of &lt;strong&gt;//comments&lt;/strong&gt; , because of dynamic merge of CSS&lt;br&gt;&lt;br&gt;Regards, Manuel.&lt;/body&gt;&lt;/html&gt;</summary>
    <dc:creator>Manuel de la Peña</dc:creator>
    <dc:date>2009-11-09T09:43:27Z</dc:date>
  </entry>
  <entry>
    <title>RE: Accesibility and CSS2</title>
    <link rel="alternate" href="https://liferay.dev/ca/c/message_boards/find_message?p_l_id=119785294&amp;messageId=4242258" />
    <author>
      <name>Lisa Simpson</name>
    </author>
    <id>https://liferay.dev/ca/c/message_boards/find_message?p_l_id=119785294&amp;messageId=4242258</id>
    <updated>2009-11-06T20:22:56Z</updated>
    <published>2009-11-06T20:22:56Z</published>
    <summary type="html">You probably want to check the CSS in your theme.</summary>
    <dc:creator>Lisa Simpson</dc:creator>
    <dc:date>2009-11-06T20:22:56Z</dc:date>
  </entry>
  <entry>
    <title>Accesibility and CSS2</title>
    <link rel="alternate" href="https://liferay.dev/ca/c/message_boards/find_message?p_l_id=119785294&amp;messageId=4240301" />
    <author>
      <name>Manuel de la Peña</name>
    </author>
    <id>https://liferay.dev/ca/c/message_boards/find_message?p_l_id=119785294&amp;messageId=4240301</id>
    <updated>2009-11-06T11:46:33Z</updated>
    <published>2009-11-06T11:46:33Z</published>
    <summary type="html">Hello, i&amp;#39;m trying to validate my portal with CSS validators, and i get the following errors, all of them relatives to CSS2 spec.&lt;br /&gt;&lt;br /&gt;1 .lfr-panel-content .lfr-paging-container li a Poperty not valid: display inline-block is not a value of display : inline-block&lt;br /&gt;1 .lfr-upload-container .upload-complete Property opacity doesn&amp;#39;t exists in CSS version 2 but in [css3] : 0.6&lt;br /&gt;1 Pseudo-class o pseudo-element :last-child unknown&lt;br /&gt;1 Pseudo-class o pseudo-element :last-child unknown&lt;br /&gt;1 .lfr-configurator-visibility Property opacity doesn&amp;#39;t exists in CSS version 2 but in [css3] : 0.5&lt;br /&gt;1 Pseudo-class o pseudo-element :last-child unknown&lt;br /&gt;1 Pseudo-class or pseudo-element :last-child unknown&lt;br /&gt;1 .ui-dialog-overlay Property opacity doesn&amp;#39;t exists in CSS version 2 but in [css3] : 0.8&lt;br /&gt;1 .ui-proxy Property opacity doesn&amp;#39;t exists in CSS version 2 but in [css3] : 0.65&lt;br /&gt;1 .ui-slider-disabled .ui-slider-handle Property opacity doesn&amp;#39;t exists in CSS version 2 but in [css3] : 0.5&lt;br /&gt;1 .ui-slider-range Property opacity doesn&amp;#39;t exists in CSS version 2 but in [css3] : 0.3&lt;br /&gt;1 .ui-tabs-disabled Property opacity doesn&amp;#39;t exists in CSS version 2 but in [css3] : 0.4&lt;br /&gt;&lt;br /&gt;I&amp;#39;m using this validator: http://www.sidar.org/hera,  which internally uses:&lt;br /&gt;&lt;br /&gt;http://jigsaw.w3.org/css-validator/validator?uri=URL_PORTAL&amp;amp;warning=2&amp;amp;profile=css2&amp;amp;usermedium=all&lt;br /&gt;&lt;br /&gt;However, same validation against CSS3 y totally valid:&lt;br /&gt;&lt;br /&gt;http://jigsaw.w3.org/css-validator/validator?uri=URL_PORTAL&amp;amp;warning=2&amp;amp;profile=css3&amp;amp;usermedium=all&lt;br /&gt;&lt;br /&gt;How can i solve this issue???&lt;br /&gt;&lt;br /&gt;Many Thanks!</summary>
    <dc:creator>Manuel de la Peña</dc:creator>
    <dc:date>2009-11-06T11:46:33Z</dc:date>
  </entry>
</feed>
