This is a migrated thread and some comments may be shown as answers.

Menu Styling (background-image not display in firefox)

2 Answers 70 Views
Menu
This is a migrated thread and some comments may be shown as answers.
CHI-CHUNG
Top achievements
Rank 1
CHI-CHUNG asked on 13 Sep 2012, 08:21 AM
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 Answers, 1 is accepted

Sort by
0
CHI-CHUNG
Top achievements
Rank 1
answered on 14 Sep 2012, 01:55 AM
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.
0
Matt
Top achievements
Rank 1
answered on 20 Sep 2012, 12:35 AM
same problem. workaround, telerik?
Tags
Menu
Asked by
CHI-CHUNG
Top achievements
Rank 1
Answers by
CHI-CHUNG
Top achievements
Rank 1
Matt
Top achievements
Rank 1
Share this question
or