| |
|
|
| | Нужно показать/скрыть блок со смайлами.
У меня, когда блок показывается, кнопка, расположенная под видимой картинкой отодвигается вниз - на высоту блока.
Подскажите, пожалуйста, как сделать так, чтобы блок показывался поверх содержимого страницы, которое идет под картинкой, в данном случае поверх кнопки формы.
Сейчас код у меня такой:
<form action="" name="setueikjgfdsz">
<textarea cols="90" rows="15" name="as"></textarea><br />
<a href="#" onclick="showSmiles('myShowBlock')"><img src="to_small.png" width="20" height="20" /></a><br />
<div id="myShowBlock" style="display:none;">
<table class="tab3">
<tr>
<td><a href="javaScript:void(0);" onClick="insert('[s_1]', '')"><img src="to_small.png" id="smile" /></a></td>
<td><a href="javaScript:void(0);" onClick="insert('[s_2]', '')"><img src="to_small.png" id="smile" /></a></td>
</tr>
<tr><td><a href="javaScript:void(0);" onClick="insert('[s_3]', '')"><img src="to_small.png" id="smile" /></a></td>
<td><a href="javaScript:void(0);" onClick="insert('[s_4]', '')"><img src="to_small.png" id="smile" /></a></td>
</tr>
</table>
</div>
<input type="button" value="Send" onclick="added_element(id_user,this.form.as.value);this.form.as.value=''">
</form>
<script type="text/javascript">
function showSmiles(id) {
var block = document.getElementById(id);
if(block.style.display == 'block') {
block.style.display = 'none';
} else {
block.style.display = 'block';
}
}
</script>
|
Вроде как решила, но правильно ли, не знаю...
У скрытого блока z-index:2;position:absolute;
у кнопки z-index:1;position: relative; | |
| |
|
