Question

我有这个代码可以正常使用css：

  .fancy_image img {
    width: <?=$width;?>px;
    height: <?=$height;?>px;
  }

<div class='fancy_image'>
    <a href="<?=$content;?>" rel="prettyPhoto[mixed]">
      <img class='fade' src="<?=$content;?>" alt='' />
    </a>    
</div>

这可以正常工作，但是当我删除.fancy_image img css样式并将img设置为：

<img class='fade' src="<?=$content;?>" width="<?=$width;?>px" height="<?=$height;?>px" alt='' />

它显示了不同的结果（图像实际上是正确的大小，但div帧占据页面宽度的100％。

知道为什么会这样吗？

编辑：我想我刚才可以找到原因。我有：

.fade {
    background: url('images/hover.png');
}

负责（如果它被删除，则有效）。我会尝试解决它。这个背景图像似乎会导致拉伸。

Answer 1

您需要在不使用“px”的情况下指定width和height属性中的值。

Answer 2

这是你可以使用它的方式。

<img class='fade' src="<?=$content;?>" style="width:<?=$width?>px;height:<?=$height;?>px" alt='' />

对于属性，您无法使用 px

等单位

<img class='fade' src="<?=$content;?>" width="<?=$width;?>px" height="<?=$height;?>px" alt='' />

为什么内联样式不起作用？

2 个答案: