Question

我试图设计与图像背景的联系,问题是,图像是否太大,如何与使用 c的 anchor和高相适应?

<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>

tia, Lina

Answer 1

CSS 2.1中的背景图像无法重现,尽管CSS 3支持background-size。该财产没有得到广泛执行。

background-size: 10px 10px;

显而易见的替代办法是只使用<img>tag:

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

但是,你可能有理由不这样做,而这样做是毫无道理的。

其他替代措施

Resize the <a> element to the size of the image instead.
Resize the image locally and upload it under a different filename.
Use a server-side preprocessor such as PHP or ASP to deliver the image in the size you want.

友情链接