Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 26.12.2011, 15:10
Профессор
Отправить личное сообщение для Александр х@к Посмотреть профиль Найти все сообщения от Александр х@к
 
Регистрация: 24.08.2011
Сообщений: 159

Выезжающая панель
Здраствуйте,

Срипт с фреймом, что с угла выезжает.
<div id="feedbackP">
    <div id="feedbackButton">
        Feedback
    </div>
    <iframe id="feedBackIframe" src="feedback.php"  scrolling="no" frameborder = "yes">
    </iframe>
</div>

ЦСС
#feedbackP{
    width : 400px;
    height : 272px;
    position : fixed; /* фиксируем позицию в окне */
    z-index : 50;
    /* сдвигаем панель вправо вниз: */
    top : 100%; 
    left : 100%;
    /* выдвигаем краешек: */	
    margin-top : -25px;
    margin-left : -130px;

    border : 2px solid;
    border-radius: 10px;
    
    padding: 5px;
    
    /*задаем эффект движения: */
    -moz-transition:margin 0.3s linear;	
    -o-transition:margin 0.3s linear;	
    -webkit-transition:margin 0.3s linear;	
    -ms-transition:margin 0.3s linear;	
    transition:margin 0.3s linear;	
}
#feedbackP:hover{	 
    /* выдвигаем панель на всеобщее обозрение: */	
    margin-top : -272px;
    margin-left : -400px;
    /*задаем эффект движения: */	
    -moz-transition:margin 0.3s linear;	
    -o-transition:margin 0.3s linear;	
    -webkit-transition:margin 0.3s linear;	
    -ms-transition:margin 0.3s linear;	
    transition:margin 0.3s linear;	
}

/*Делаем заголовок панели, как уголок папки с бумагами: */
#feedbackButton{
    font-weight : bold;
    margin-left : 10px;
    margin-top : -6px;
    border : 1px solid #717277;
    border-radius : 0px 0px 10px 10px;
    text-align : center;
    width : 100px;
    margin-bottom : 5px;
    color : #FFFFFF;
    background : #717277;
}

#feedBackIframe{
    width : 390px;
    height : 240px;
    border : 1px solid;
}

Кроссбраузерность:

* FF — да
* Chrome — да
* Safari — да
* Opera — панель всплывает не плавно, а рывком
* IE — молчу.
Но кроссбраузность у ФФ только новых(у мя 6 версия), взял 3-ью и...
всплывает не плавно, а рывком и даже не скругленные уголки.
Так вот как скрипт для старых версий ФФ довести до ума?
Ответить с цитированием
  #2 (permalink)  
Старый 26.12.2011, 15:19
Новичок на форуме
Отправить личное сообщение для Kolyaj Посмотреть профиль Найти все сообщения от Kolyaj
 
Регистрация: 19.02.2008
Сообщений: 9,177

Firefox 3, очевидно, не поддерживает ни border-radius, ни transition.
Ответить с цитированием
  #3 (permalink)  
Старый 26.12.2011, 15:44
Аватар для nerv_
junior
Отправить личное сообщение для nerv_ Посмотреть профиль Найти все сообщения от nerv_
 
Регистрация: 29.11.2011
Сообщений: 3,924

Сообщение от Александр х@к
Так вот как скрипт для старых версий ФФ довести до ума?
Ознакомиться с документацией тех версий FF, кот. Вас интересуют или установить их и тестить.
__________________
Чебурашка стал символом олимпийских игр. А чего достиг ты?
Тишина - самый громкий звук
Ответить с цитированием
  #4 (permalink)  
Старый 26.12.2011, 15:46
Профессор
Отправить личное сообщение для Александр х@к Посмотреть профиль Найти все сообщения от Александр х@к
 
Регистрация: 24.08.2011
Сообщений: 159

ну это ясно но у него есть замена бордеру(видел на сайте хтмлбук, сейчас найти не могу),а вот на счет transition: http://habrahabr.ru/blogs/css/111658/.Поддерживает с 4 версии, для ранних ни как?
Ответить с цитированием
  #5 (permalink)  
Старый 26.12.2011, 15:47
Новичок на форуме
Отправить личное сообщение для Kolyaj Посмотреть профиль Найти все сообщения от Kolyaj
 
Регистрация: 19.02.2008
Сообщений: 9,177

Лицемерие какое-то. Про IE мы, значит, молчим, а древние версии Firefox хотим поддержать.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
панель в панель из панели и снова в панель bessss ExtJS 6 04.09.2011 12:59
языковая панель profet Сайт Javascript.ru 0 21.02.2010 03:02
Дополнительная панель в визивике. Прошу советов orlenkokn jQuery 0 25.01.2010 11:44
Выплывающая панель сдвигает текст Andrey2005 Элементы интерфейса 0 25.10.2009 20:29
Метод collapse() и панель kez ExtJS 6 13.10.2009 13:04