Menu Styling (background-image not display in firefox)

3 posts, 0 answers
  1. CHI-CHUNG
    CHI-CHUNG avatar
    4 posts
    Member since:
    Sep 2012

    Posted 13 Sep 2012 Link to this post

    Please help to look at my simple code as below. Thank you.

    <style>
           ul.k-menu {
         border: 0;
         background-color: transparent;
         font-weight: bold;
         text-decoration: none;
           background-image: url('divBg_bg.jpg');
         background-repeat: repeat-x;
           color: White;
      }</style>

    <div id="example" class="k-content">
    <ul id="treeview">
    <li data-expanded="true">Item 1
    <ul>
    <li>Item 1.1</li>
    <li>Item 1.2</li>
    <li>Item 1.3</li>
    </ul>
    </li>
    <li>Item 2
    <ul>
    <li>Item 2.1</li>
    <li>Item 2.2</li>
    <li>Item 2.3</li>
    </ul>
    </li>
    <li>Item 3</li>
    </ul>


    <script>
    $(document).ready(function() {
    $("#treeview").kendoMenu();
    });
    </script>
    </div>


    Works fine: IE & Chrome.

    Not work: Firefox v15.0.1
  2. CHI-CHUNG
    CHI-CHUNG avatar
    4 posts
    Member since:
    Sep 2012

    Posted 13 Sep 2012 Link to this post

    Hi Guys,

    I remove the "border:0;"

    then Firefox can display the background image.

    But i want set the border:0;

    Is that caused by Kendo menu ?

    Thank you.
  3. Kendo UI is VS 2017 Ready
  4. Matt
    Matt avatar
    16 posts
    Member since:
    Jul 2012

    Posted 19 Sep 2012 Link to this post

    same problem. workaround, telerik?
Back to Top