Я совсем не знаком с JQuery и не очень хорошо разбираюсь в CSS, но, тем не менее, я работаю с ним. Итак, в основном вот моя дилемма:
У меня есть простой скрипт jquery, в котором вы нажимаете на изображение, и с помощью slideToggle выпадает небольшое окно входа в систему. Я взял сценарий, который кто-то уже написал, чтобы сделать это, но в его сценарии было position: relative, и поэтому он вытолкнул бы остальные элементы, когда выпал. Я изменил его на position: absolute, чтобы он отображался сверху, но теперь он не отображается под изображением, он появляется в левой части экрана. Я думаю, что это как-то связано с блоками или чем-то еще (например, оно появляется в следующем самом большом контейнере слева или что-то в этом роде?), Но, как я уже сказал, мои знания об этом довольно минимальны.
Вот код CSS, чтобы определить, как выглядит маленькое меню:
.menu_body {display:none; width:200px;border-right:1px solid #998675;border-bottom:1px solid #998675;border-left:1px solid #998675; position: absolute;}
У него есть дисплей: нет, чтобы он сначала не появлялся (вы должны щелкнуть изображение, чтобы оно появилось), а все остальное там, вероятно, не слишком интересно. Есть ли какой-нибудь тег или атрибут, который я могу добавить к этому, чтобы он плавал и отображался в правильном месте? Учитывая небольшое количество информации, которую я выкладываю здесь, кто-нибудь может сказать мне, почему она выравнивается по левому краю?
Дайте мне знать, если вам нужна дополнительная информация.