Убрать прозрачность

qazibum · October 11, 2011

Вот такая выдвигающаяся панель. Проблема в том, что она прозрачная выдвигается. Как сделать ее не прозрачной?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="mootools.js"></script>
<script type="text/javascript">
window.addEvent('domready', function() {
    // создаем новый объект Fx.Slide (см http://mootools.net/docs/more/Fx/Fx.Slide )
    var fx = new Fx.Slide('panel').hide();
    $$('.btn-slide').addEvent('click', function(event){
        fx.toggle();
        $(this).toggleClass('active');
        return false;
    });
});
</script>
<style type="text/css">
body {
	margin: 0 auto;
	padding: 0;
	width: 570px;
	font: 75%/120% Arial, Helvetica, sans-serif;
}
a:focus {
	outline: none;
}
#panel {
	background: #754c24;
	height: 200px;
}
.slide {
	margin: 0;
	padding: 0;
	border-top: solid 4px #422410;
	background: url(images/btn-slide.gif) no-repeat center top;
}
.btn-slide {
	background: url(images/white-arrow.gif) no-repeat right -50px;
	text-align: center;
	width: 144px;
	height: 31px;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}
.active {
	background-position: right 12px;
}
</style>
</head>
<body>
<div id="panel"></div>
<p class="slide"><a href="#" class="btn-slide">Slide Panel</a></p>
</body></html>

<a href="#" class="btn-slide">Slide Panel</a>

Slide Panel когда на текст страницы накладывается (после открытия панели) перестает быть активным и как-то криво срабатывает на закрывание.

Edited October 11, 2011 by qazibum

qazibum · October 12, 2011

Ребят, подскажите плиз, как сделать выдвигающуюся панель не прозрачной и чтобы Slide Panel, на которую нажимать надо для открытия/скрытия, была активна даже когда под ней текст на странице.

Я эту панель вот здесь взял - http://anton.shevchuk.name/javascript/mootools-for-beginners/

а тут пример ее работы - http://anton.shevchuk.name/wp-demo/mootools-for-beginners/simple-slide-panel.html

Только начиная осваивать Javascript

psywalker · October 13, 2011

Ребят, подскажите плиз, как сделать выдвигающуюся панель не прозрачной и чтобы Slide Panel, на которую нажимать надо для открытия/скрытия, была активна даже когда под ней текст на странице.
Я эту панель вот здесь взял - http://anton.shevchuk.name/javascript/mootools-for-beginners/
а тут пример ее работы - http://anton.shevchuk.name/wp-demo/mootools-for-beginners/simple-slide-panel.html
Только начиная осваивать Javascript

Обратись ко-мне на почту. Разберёмся. psywalker09@gmail.com

qazibum · October 13, 2011

Ребят, подскажите плиз, как сделать выдвигающуюся панель не прозрачной и чтобы Slide Panel, на которую нажимать надо для открытия/скрытия, была активна даже когда под ней текст на странице.
Я эту панель вот здесь взял - http://anton.shevchuk.name/javascript/mootools-for-beginners/
а тут пример ее работы - http://anton.shevchuk.name/wp-demo/mootools-for-beginners/simple-slide-panel.html
Только начиная осваивать Javascript
Обратись ко-мне на почту. Разберёмся. psywalker09@gmail.com

Спасибо, но только что решил проблему. Надо было поставить position:relative; для body.

Sign In

Убрать прозрачность

Recommended Posts

qazibum

Link to comment

Share on other sites

qazibum

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

qazibum

Link to comment

Share on other sites

Обсуждения

Forums

Important Information