3

我不确定在哪里可以找到这样的东西。基本上我的想法是，如果你可以将 Photoshop 设计放置为半透明的背景并在其上构建。使用图像作为指导，几乎就像追踪一样。这样一来，就很容易把事情排好序了。我相信 microsoft 表达式（如 dreamweaver）在http://msdn.microsoft.com/en-us/library/cc295031.aspx中内置了这样的功能。为了我的需要，我只是在我的代码底部创建了一个 div 并给它一些像这样的 css。

#guide {
background-image: url('/BRSS_hm-V3.jpg');
background-position: top;
height: 1500px;
opacity: .20;
position: absolute;
top: 0;
z-index: 1;
width: 100%;
}

我想知道是否还有其他人在做这样的事情，如果是这样，他们会推荐什么。另外，有没有更好的方法来做到这一点？

4

2 回答 2

1

如果您使用的是 Chrome，您可以尝试 PixelPerfect 扩展：

https://chrome.google.com/webstore/detail/perfectpixel-by-welldonec/dkaagdgjmgdmbnecmcefdhjekcoceebi

（我认为Firefox也有一个扩展名，同名）

于 2013-10-25T15:43:03.780 回答
1

Dreamweaver 从大约 2000 年开始就有跟踪图像选项。

出于任何其他原因，我不会推荐 DreamWeaver，但它具有这个特殊功能。

如果做不到这一点，添加pointer-events: none到上面的代码会很好，因为这样您就可以与浏览器交互，而无需覆盖所有控件的图像覆盖。

于 2013-10-25T15:55:23.583 回答