0

我实现了网格捕捉，但我想让浅灰色线条水平和垂直显示。我的理由是我正在制作一个设计应用程序，它与 Visual Studios 的表单设计方面具有相似的外观和感觉。

我有一些全局变量，这样我就知道像素间距。我只想让它与 Javascript 一起工作。页面可以在 X 和 Y 方向上无限移动，所以我不能有静态长度。它需要是动态的。

到目前为止，它正在出现，但不确定是否有当前的方法来实现这一点。

    <hr style ="position:absolute;" width = "1" size = "500" />  
    <hr style ="position:absolute;" width = "500" size = "1" />
4

2 回答 2

2

如果你有现代浏览器，我喜欢这种方式：

body{
  background-size:15px 15px;
  background-position: 0 -5px;
}
body:hover{
  background-image: -webkit-linear-gradient(top, #ffffff, #ffffff 98%, #000000 100%); 
}

悬停，可能会很好，我认为您可以轻松添加第二个背景并添加更多 CSS 前缀。

编辑：更好

html{
  background-size:200px 200px,200px 200px;
  background-position: 0 0,0 0;
  color:#7a7a7a;
}
html:hover{
  background-image: -webkit-linear-gradient(top, transparent, transparent 199px, #000000 200px),-webkit-linear-gradient(left, transparent, transparent 199px, #000000 200px); 
}
于 2012-06-06T08:28:08.173 回答
0

你能实现一个for()循环来创建有限数量的规则（由窗口宽度或任何你想要的），每这么多像素创建一个新的水平规则元素。您可以使用 DHTML 来指定每个水平线的样式特征。

顺便说一句，如果您的网格不需要移动，请尝试位置：固定。

希望这可以帮助！

于 2012-06-05T16:54:26.313 回答