Установите для Div Width значение Background Width Css?

Question

Существует ли чистый способ установки ширины div в соответствии с шириной фонового изображения, которое вы используете для этого div?

например, сейчас я делаю это ...

#homeNav{

    background-image:url(../images/navPieces/home.jpg);
    width:165px;
    text-align:right;

}
#aboutNav{

    background-image:url(../images/navPieces/about.jpg);
    width:81px;
    text-align:center;

}
#competitorsNav{

    background-image:url(../images/navPieces/competitors.jpg);
    width:117px;
    text-align:center;
}

Я бы не хотел писать по ширине каждого деления.

Есть предложения?

Answer 1

Что я сделал:

• установить фоновое изображение в div с помощью url (urlsrc)
• добавьте img в div с помощью src = urlsrc
• получить размер img с .width () и .height ()
• удалить изображение
• установить ширину css и высоту div для ширины и высоты, вычисленных ранее

Ужасно, но работает: p

Answer 2

К сожалению нет, нет. CSS не знает ширину указанных фоновых изображений. Вы можете сделать это с небольшим количеством Javascript, который предварительно загружает изображения, а затем устанавливает ширину div.