не отображается картинка почему ее нет!

вопрос

вообщем (у меня по русскому языку двойка, я не знаю, что в русском языке не существует слова вообщем) при авторизации на сайте не отображается картинки формата .png в опере,на мобильной опере она отображается и в IE тоже, если не нажимать на блок то ее нет.

Показать / Скрыть текст

скриншот как сейчас на сайте:

как сделать что бы была она всегда:

вот сайт где можно посмотреть на проблему

код:

.loginbox{
display:none;
position:relative;
margin-left: -430px;
z-index:999;
width:345px;
background:url(../images/loginbox-title.png) top left no-repeat #fff;
box-sizing:border-box;-moz-box-sizing: border-box;
padding:90px 10px 10px;
border-radius:10px;
box-shadow:0 1px 2px rgba(0,0,0,0.62);
margin-top:-40px;
behavior: url(/PIE.php); 

}

.loginbox1{
background:url(../images/loginbox-title1.png) top left no-repeat #fff;
}

.loginbox .left{
float:left;
margin-right:5px;
text-align:center;
width:120px;
}

.loginbox .left .avatar{
padding:5px;
display:inline-block;
box-shadow:0 2px 2px rgba(0,0,0,0.43);
border-radius:5px;
behavior: url(/PIE.php); position: relative;
}

.loginbox .left .logout{
display:inline-block;
background:#385471;
font-size:11px;
font-style:italic;
text-shadow:0 1px 0 rgba(0,0,0,0.29);
color:#fff;
padding:2px 5px;
border-radius:2px;
margin:10px 0;
behavior: url(/PIE.php); position: relative;
}

.loginbox .left .logout:hover{
background:#e48906;
text-decoration:none;
}

.loginbox  .catalog-list{
overflow:hidden;
}

.loginbox  .catalog-list li a{
border-bottom:1px dashed #d6d6d6;
font-size:11px;
padding:3px;
border-top:none;
}

.loginbox  .catalog-list li a:hover{
border-bottom:none;
background-position:center;
padding:4px 3px 3px;
}

.loginbox  .catalog-list li:last-of-type a:hover{
padding:3px;
}

.loginbox  .catalog-list li:last-of-type a{
border-bottom:none;
}    

.login-close{
display:inline-block;
float:right;
height:26px;
width:26px;
background:url(../images/login-close.png) top left no-repeat;
margin-top: -15px;
}

.login-close:hover{
background-position:bottom;
}

.login-form label{
position:absolute;
font-size:11px;
font-style:italic;
text-shadow:0 1px 0 rgba(0,0,0,0.29);
color:#fff;
margin:10px 15px;
text-transform:uppercase;
}

.login-form input{
background:url(../images/login-input.png) top left no-repeat;
width:331px;
height:37px;
border:none;
box-sizing:border-box;-moz-box-sizing: border-box;
padding:0 20px 5px 65px;
color:#fff;
padding-top:9px 0;
}

.login-border{
border-bottom:1px dashed #afafaf;
padding:5px 0;
}

button.login-submit{
float:none;
margin:10px 120px;
border:none;
padding:0px 5px 5px 30px !important;
text-align:left;
}

всем спасибо за помощь

Ответа пока нет

6 комментариев

Юзер

179

G-3p - 2014-09-2612 апреля 2014 15:01 - #26720

Opera 19. Всё нормально, проблем нет. Переходи на современные браузеры.

Юзер

mnsjke2h - 2014-09-2612 апреля 2014 15:15 - #26721

G-3p,а можно сделать для старый браузеров отображения нормальное и если да то как? а еще .js фаил задеиствован как я понял

$(document).ready(function(){
$('.login-droplink').click(function(){
  $('.loginbox').slideToggle();
  return false;
});
  $('.login-close').click(function(){
    $('.loginbox').slideToggle();
    return false;
  })
  $('.top').click(function(){
    $(window).scrollTop(0);
    return false;
  });
});

Юзер

mnsjke2h - 2014-09-2612 апреля 2014 15:17 - #26722

G-3p,
вот моя опера Opera 20.0

Создан для открытий

Информация о версии

Версия: 20.0.1387.91 - Проверка наличия обновлений…
Канал обновлений: Stable
Система: Windows 7 64-bit (WoW64)

Юзер

179

G-3p - 2014-09-2612 апреля 2014 15:27 - #26726

Система: Windows 7 64-bit (WoW64) - это диагноз)
Блин, у меня тоже самое(
Ошибочка, у меня тоже 20.0 и всё отображает норм, у тебя с этой оперы не отображается?