Fatal编程技术网
  • html/
  • Html <；部门>；和暗箱

Html <；部门>；和暗箱

html css

Html <；部门>；和暗箱,html,css,shadowbox,Html,Css,Shadowbox,我在页面中央有一个div（设置了宽度和高度，边距：auto）。然后我将图像添加到其中，每个图像都会启动自己的阴影盒。然而，有两个问题： 当阴影框占据整个屏幕时，它会偏移到页面的右侧。我怎样才能让它回到中心，就像没有div一样 每次我在任何给定的图像上连续打开一个阴影盒（或者在每个打开的图像上打开所有相同的图像或者不同的图像），阴影盒都会变小。我没有这个问题，直到我把图像放进div 你可以在行动中看到它 当我使用可用的Firefox控制台运行它时，我看到很多关于获取高度和宽度（大概是图像的高度和宽

我在页面中央有一个div（设置了宽度和高度，边距：auto）。然后我将图像添加到其中，每个图像都会启动自己的阴影盒。然而，有两个问题：

  • 当阴影框占据整个屏幕时，它会偏移到页面的右侧。我怎样才能让它回到中心，就像没有div一样
  • 每次我在任何给定的图像上连续打开一个阴影盒（或者在每个打开的图像上打开所有相同的图像或者不同的图像），阴影盒都会变小。我没有这个问题，直到我把图像放进div
    • 你可以在行动中看到它

    当我使用可用的Firefox控制台运行它时，我看到很多关于获取高度和宽度（大概是图像的高度和宽度）的警告。这部分解释了问题，但我不确定解决方案

    资料来源：

    <html>
<head>
    <link href="style.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" type="text/css" href="../shadowbox-3.0.3/shadowbox.css">
    <script type="text/javascript" src="../shadowbox-3.0.3/shadowbox.js"></script>
    <script type="text/javascript">
        Shadowbox.init();
    </script>
</head>

<body>
    <div id="pageDiv" style="background-color:#FFFFFF">

        <a href="http://www.sport2play.com/baseball/pics/1.jpg" alt="none" rel="shadowbox"><img src="http://www.sport2play.com/baseball/pics/1.jpg" width="100px"/></a>
    </div>

</body>
</html>
    关于如何解决这两个问题的想法？

    您需要使用doctype：

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
    它解决了您的第一个问题。

    您需要使用doctype:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
    它解决了您的第一个问题。

    可能不是您的问题，但您应该为div的宽度、高度指定px或其他内容。啊，对不起，就是这样，在处理这些数字时，它在某个时候被删除了。但仍然无法修复它。：）这可能不是你的问题，但你应该为你的div宽度、高度指定px或其他东西。啊，对不起，就是这样，在处理这些数字时，它在某个时候被删除了。但仍然无法修复它。：）事实上，我的div仍然是偏移的，即使这样。它帮你修好了吗？事实上，我的div还是偏移的，即使有这个。它帮你修好了吗？