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

Question

Я пытаюсь создать ссылку с фоновым изображением, вопрос в том, является ли изображение слишком большим, как мне подогнать его под ширину и высоту якоря с помощью css?

<a href="#"></a>
<style>
 a
 {  
    display: block;
    padding: 5px 12px;
    border: 1px solid black;
    width: 10px;
    height: 10px;
    background-image: url('/Scripts/images/downarrow_blue.png');
    }
</style>

ТИА, Lina

Answer 1

Фоновые изображения в CSS 2.1 не могут быть изменены, хотя CSS 3 поддерживает свойство background-size, которое широко не применяется.

background-size: 10px 10px;

Очевидная альтернатива - просто использовать тег <img>:

<a href="#"><img src="mybg.png" alt="" style="width:10px; height:10px" /></a>    

Но у вас, вероятно, есть причина не делать это таким образом, верно?

Другие альтернативы могут быть

• Вместо этого измените размер элемента <a> до размера изображения.
• Изменить размер изображения локально и загрузить его под другим именем файла.
• Используйте препроцессор на стороне сервера, такой как PHP или ASP, для доставки изображения в нужном размере.