javascript - Why is IE7 ignoring the css background? -


i trying add div elements using inject of mootools. here part of code

  var elm = document.createelement('div');   elm.setattribute('id', 'leftheader');   elm.setattribute('class', 'leftheader');   var div_before = document.getelementbyid('w1');   var aux = div_before.parentnode;   aux.insertbefore(elm, div_before);   var elm2 = document.createelement('div');   elm2.setattribute('id', 'rightheader');   elm2.setattribute('class', 'rightheader');   var div_before2 = document.getelementbyid('w1');   aux2 = div_before2.parentnode;   aux2.insertbefore(elm2, div_before2);

and stylesheet below

.leftheader {     background: #e64626 url("bgleft.png") 0 0 no-repeat;     float: left;     position: absolute;     width: 40%;     height: 358px; } .rightheader {     background: #e64626 url("bgright.png") right 0 no-repeat;     float: right;     position: absolute;     width: 60%;     left: 40%;     height: 358px; }

you notice background showing in browsers expect ie7. :( not sure why. can me in figuring out why fails load background in ie7? have checked console. not seem show error or warning either

after bit of debugging realized not loading stylesheet in ie7. wonder why?

try setting elm2.classname = 'rightheader'; instead.


Comments

Post a Comment

Popular posts from this blog

android - MPAndroidChart - How to add Annotations or images to the chart -

i working latest mpandroidchart library , looking way add annotations or images clickable. example: once data reaches value event occurs want able display user - there multiple events can occur annotations (not sure if right word) or image added @ point in chart. any pointers welcome. check documentation of yaxis . focus on setspacetop(...) , setaxismaxvalue(...) methods. for background: bar-shadow , disable calling: barchart.setdrawbarshadow(false) or change color: bardataset.setbarshadowcolor(int color)
Read more

javascript - Add class to another page attribute using URL id - Jquery -

i have attached id url. ex: when click link 1 , has #tab-2 id , takes me landing page. in landing page have find element has #tab-2 id have add class .active . i tried no luck. please 1 correct code. thanks js fiddle link html <div class="menu"> <ul> <li><a href="http://jsfiddle.net/gscyoa0j/1/#tab-2">link 1</a></li> <li><a href="http://jsfiddle.net/gscyoa0j/1/#tab-44">link 2</a></li> <li><a href="http://jsfiddle.net/gscyoa0j/1/#tab-74">link 3</a></li> </ul> </div> landing page <div class="tab"> <ul> <li><a id="tab-2" class="active" >link 1 content</a></li> <li><a id="tab-44" >link 2 content</a></li> <li><a id="tab-74" >link 3 content</a></l...
Read more

firefox - Where is 'webgl.osmesalib' parameter? -

i'm trying webgl running on firefox (v37.0.2) via software acceleration mesa. tried following steps have been stated in article: http://www.binarytides.com/enable-webgl-firefox-ubuntu/ however, unable find parameter named ' webgl.osmesalib ' in about:config section? has been removed (or renamed)? if yes, how should instruct firefox use mesa's software acceleration webgl? looks support osmesa removed in favour llvmpipe.
Read more