是否可以根据锚标记的属性来调整背景图像的大小？

Question

我有一个显示图像的锚标记：

 <a href="#" style="width: 300px; height: 300px; border: 1px solid black; background: url(computer.jpg); position: absolute;"></a>

是否可以根据锚标记的属性来调整背景图像的大小？例如，将背景图像的宽度和高度设置为300px。

（请不要建议在标签内放置 img 标签，因为这不是问题......）

谢谢，

Answer 1

背景大小可以与指定的背景不重复一起使用吗？

http://www.w3schools.com/cssref/css3_pr_background-size.asp

<a href="#" style="width: 300px; height: 300px; border: 1px solid black; background: url(computer.jpg); background-size: 300px 300px; background-repeat: no-repeat; position: absolute;"></a>

Answer 2

我不确定在没有一些javascript的情况下使用css2是否可行，但正如selbie所说，有一个CSS3属性可以很好地做到这一点：

     -moz-background-size: 100% 100%; /* FF3.6 */
  -webkit-background-size: 100% 100%; /* Saf3-4 */
          background-size: 100% 100%; /* Opera, IE9, Saf5, Chrome, FF4 */

另一个选择是使用img标签：

在你的HTML中：

<img id="background" src="images/computer.jpg" alt="" />

在你的CSS中：

#background {position:absolute; z-index:1; width:100%; height:100%;}

更新：

看看克里斯的这篇文章科伊尔。