div with z-index stops editing

Permalink
I have 2 stacked divs using absolute positioning and z-index - main Content on top of background Content.

Both have the necessary php to enable editing.

However, this doesn't work as the I can't click and select 'edit' or add a block.

<div id="main">
   <?php
      $a = new Area('Background Content');
      $a->display($c);
      ?></div>
   <div id="content">
   <?php
      $a = new Area('Main Content');
      $a->display($c);
      ?>
      </div>


Please help.

trixiemay
 
tallacman replied on at Permalink Reply
tallacman
You could use an alternate stylesheet in the header that will move the divs for editing when in edit mode with this code

<?php 
if ($c->isEditMode()) {  
  //Do something 
} 
?>


Just put your styles in the commented area and it will only affect your layout in edit mode.

Steve
guythomas replied on at Permalink Reply
guythomas
Sometimes I run into this problem with complex themes. I use a tool like firebug to add a "visibility: hidden" css statement real time to the blocking div, this usually allows me access to the area I need until i change anything in the design panel or save the version.