Невозможно показать картинку из базы данных в IE 8 - PullRequest
Новая
       17

Невозможно показать картинку из базы данных в IE 8

0 голосов
/ 16 августа 2011

При просмотре страниц моего списка отображаемой корзины и изображений с помощью IE 8 невозможно отобразить изображения (.jpeg) и эффект тени. но другой браузер работает нормально ..

Изображения представляют собой миниатюры, полученные из фотоальбома, связанные по URL,

Ниже мой CSS. 

body {
font-family:Helvetica-light;
font-size:14px;
padding:0;
margin:0;}

h1 {
    font-weight:normal;
    margin:0 0 10px 0;
}

h2, h3, h4, h5, h6 {
    font-weight:normal;
}

a {
    text-decoration:none;
    color:#777;
    display:block;
    margin:0 0 10px 0;
}

a:hover {
    text-decoration:underline;
}

:focus {outline:none;}

label { display:block; margin:0 0 5px 0;}

input {
    display:block;
    margin:0 0 5px 0;
}

input[type=submit] {
    cursor:pointer;
}

table {
    width:100%;
    box-shadow:0 0 5px #CCC;
    -webkit-box-shadow:0 0 5px #CCC;
    -moz-box-shadow:0 0 5px #CCC;
    -o-box-shadow:0 0 5px #CCC;
    behavior: url(ie-css3.htc);
    margin:0 0 10px 0;
}

table tr th {
    text-align:left;
    font-weight:bold;
    padding:10px;
    background:#F9F9F9;
}

table tr td {
    padding:10px;
}

table tr.empty td {
    background:#F9F9F9;
}


.clear { clear:both;}
.bold { font-weight:bold;}

#container {
    width:960px;
    margin:0 auto;
    padding:20px;
    box-shadow:0 0 10px #CCC;
    -webkit-box-shadow:0 0 10px #CCC;
    -moz-box-shadow:0 0 10px #CCC;
    -o-box-shadow:0 0 10px #CCC;
    behavior: url(ie-css3.htc);
}

.notify {
    padding:10px;
    background:#E9E9E9;
    margin:0 0 10px 0;
}

.product {
    float:left;
    margin:0 10px 0 0;
    box-shadow:0 0 10px #CCC;
    -webkit-box-shadow:0 0 5px #CCC;
    -moz-box-shadow:0 0 5px #CCC;
    -o-box-shadow:0 0 5px #CCC;
    behavior: url(ie-css3.htc);
}

.url{

    behavior: url(ie-css3.htc);
}
    .product .info { 
    float:left;
    padding:10px;}

    .product h3 { 
        margin:0 0 5px 0;
        background:#F9F9F9;
        padding:10px;
    }

1 Ответ

0 голосов
/ 16 августа 2011

behavior: url(ie-css3.htc); не использует ту же структуру пути, что и background-image: url();

Это будет выглядеть не в каталоге, в котором живет ваш CSS, а скорее в документации вашего сайта. Убедитесь, что этот файл доступен с http://yourwebsite.com/ie-css3.htc

Кроме того, я бы изменил порядок ваших CSS-объявлений box-shadow следующим образом: 

-webkit-box-shadow:0 0 10px #CCC;
-moz-box-shadow:0 0 10px #CCC;
-o-box-shadow:0 0 10px #CCC;
box-shadow:0 0 10px #CCC; /* This was moved to the bottom */

Поскольку CSS "каскадируется", браузер, поддерживающий box-shadow, но сохраняющий -webkit-box-shadow по старым причинам, будет использовать нестандартный -webkit-box-shadow в том, как выложен ваш код. Перемещая box-shadow вниз, мы гарантируем, что браузеры, поддерживающие стандарт, будут его использовать.

...