放大时保持图像正确显示（HTML）

Question

我有一个带有表单标签的网页。外部标签（在身体中）我想在表单标签的左侧设置背景图像（该背景图像的目标是从身体的背色梯度，它是黑色到形式的颜色灰色的）

我的问题是，当“放大”浏览器（显然缩放趋向于表单）时，我希望图像逐渐离开屏幕，但事实是图像仍然显示出来放大。在屏幕的左边缘末端变成黑色。我看起来图像不接受离开屏幕。

放大之前：

放大之后：

使用的图像：

我的代码：

table cellspacing="0" cellpadding="0" class="myTable">
<tr>
    <td class="TopLeft">
    </td>
    <td class="Top">
    </td>
    <td class="TopRight">
    </td>
</tr>
<tr>
    <td class="Left">
    </td>
    <td>
        <table cellspacing="0" cellpadding="0">
            <tr>
                <td class="mTop" colspan="3">
                </td>
            </tr>
            <tr>
                <td class="mLeft">
                </td>
                <td class="middle">

                <form id="Form1" runat="server">

                    <div class="page">

                        <div class="main">
                            ASDFGGH
                            <asp:ContentPlaceHolder ID="MainContent" runat="server"/>                                

                        </div>
                    </div>
                </form>



                </td>
                <td class="mRight">
                </td>
            </tr>
            <tr>
                <td class="mBottom" colspan="3">
                </td>
            </tr>
        </table>
    </td>
    <td class="Right">
    </td>
</tr>
<tr>
    <td class="BottomLeft">
    </td>
    <td class="Bottom">
    </td>
    <td class="BottomRight">
    </td>
</tr>

我只会放上班级的CS：“左”

.Left
{
    width: 113px;
    height: 761px;
    background-image: url('../Images/L.jpg');    
}

谢谢...

Answer 1

最后...在CSS属性中关注的问题是：默认情况下设置为“背景位置”。所以我设定了

background-position: right;

问题解决了

Answer 2

我不确定这是一个可以有明确答案的问题。没有接受的标准 如何 浏览器应放大页面。 Firefox，IE和Chrome的做法都不同。除了Firefox之外，其他浏览器中的问题是否相同？

您可能还需要考虑重新加工代码，以便它使用Divs而不是表来布置页面，尽管这将需要一些能量。这可能会导致页面可以按照您的期望进行缩小。

有没有我们可以去查看所有代码的地方，以便我们可以摆弄它并更容易地确定潜在的解决方案？