Question

我在PS中创建了一些截图，用于与客户端进行演示。我将主持演示并且不想使用InvisionApp或类似的东西。

我在PS中剪切图像并将正确的路径应用于链接。因为他们将在平板电脑上看这个，我想让所有链接在链接周围都有边框效果，或者左上角可能是星号。这将使他们知道在哪里点击。

使用CSS边框效果不起作用，因为它会偏移切片并导致图像移位。我需要一种方法将切片图像叠加在上面。

我目前正在链接CSS或JS文件并使用＆＃34; a＆＃34;在标签中轻松将样式应用于页面。对此的任何帮助将不胜感激。

Answer 1

Photoshop仍然把所有东西都当成桌子，是吗？这可能就是为什么当你添加边框时它会导致一切破裂。

实际上，您可以将元素真正描述为内边框。这不会让箱子更大。

a {
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  border: 5px solid red;
}

或者您可以使用插入框阴影

a {
  -webkit-box-shadow:inset 0 0 0 5px rgba(0,0,0,1);
  -moz-box-shadow:inset 0 0 0 5px rgba(0,0,0,1);
  box-shadow:inset 0 0 0 5px rgba(0,0,0,1);
}

显然要改变宽度和颜色

我自己，我更喜欢盒子阴影。应与其下方的图像进行正常交互。

使页面上的所有链接都添加了图像或影响

1 个答案: