Uploaded image for project: 'Website'
  1. Website
  2. WEBSITE-1007

Obsolete CSS properties

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Fixed
    • Other
    • None

      In Firefox 13, main menu items are displayed without shadows and rounded corners, because “moz” prefix is no longer supported by Firefox.

      !http://img826.imageshack.us/img826/4595/image000mm.png

      navigation.css:

      #navbar .sub-menu li:hover, .hover_ie {
         background: #ccd1d4 no-repeat;
         -moz-border-radius: 5px;
         -webkit-border-radius: 5px;
         -moz-box-shadow: 0 0px 2px rgba(0,0,0,0.3);
         -webkit-box-shadow: 0 0px 4px rgba(0,0,0,0.3);
         border:  1px solid #DDD;
         padding: 5px 5px 7px 5px;
      }

      The same is in Opera 10/11 and IE9. They support only standard border-radius and box-shadow properties without any prefixes. Modern versions of Chrome/Safari also don’t need the webkit prefix.

      These prefixes are also used in website.css.

            MichaelC Michael Cullum
            Nekstati Nekstati [X] (Inactive)
            Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

              Created:
              Updated:
              Resolved: