Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/297.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 图像顶部的可单击图像_Html_Php_Image - Fatal编程技术网
Fatal编程技术网
  • html/
  • Html 图像顶部的可单击图像

Html 图像顶部的可单击图像

html php image

Html 图像顶部的可单击图像,html,php,image,Html,Php,Image,我有一个页面，我们可以在gridview中看到许多图像（如） 我希望用户能够删除它们；我想在每个图像的右上角放一个小的X图像。最好的方法是什么 我尝试使用图像映射，但无法设置图像，只能设置链接。您必须将其放置在原始图像上。下面是一个简单的例子： 我制作了一个图标列表，每个图像都在它自己的li元素中。它可以是div或其他任何东西，只要每个图像都由另一个元素包装，并且列表在语义上是最正确的。 与每个图像一起是一个宽度和高度为16px的链接和一个十字架的背景图像 诀窍在于图像周围的元素有一个位置：r

我有一个页面，我们可以在gridview中看到许多图像（如）

我希望用户能够删除它们；我想在每个图像的右上角放一个小的X图像。最好的方法是什么

我尝试使用图像映射，但无法设置图像，只能设置链接。

您必须将其放置在原始图像上。下面是一个简单的例子：

我制作了一个图标列表，每个图像都在它自己的
li
元素中。它可以是div或其他任何东西，只要每个图像都由另一个元素包装，并且列表在语义上是最正确的。 与每个图像一起是一个宽度和高度为16px的链接和一个十字架的背景图像

诀窍在于图像周围的元素有一个
位置：relative
。这意味着
li
元素中有位置的任何内容都是相对于
li
的边界的。 因此，如果我现在给
.cross
元素一个
位置：绝对值
，顶部和右侧的值为2px，这意味着十字架将位于列表项顶部和右侧的2px处

我做的最后一件事是给
li
项
display:inline块
，这样它们就不会覆盖整个页面的宽度，而只覆盖其中内容的宽度。如果您知道每个图像的宽度，也可以给
li
一个固定的宽度

希望这有帮助

您必须将其放置在原始图像上。下面是一个简单的例子：

我制作了一个图标列表，每个图像都在它自己的
li
元素中。它可以是div或其他任何东西，只要每个图像都由另一个元素包装，并且列表在语义上是最正确的。 与每个图像一起是一个宽度和高度为16px的链接和一个十字架的背景图像

诀窍在于图像周围的元素有一个
位置：relative
。这意味着
li
元素中有位置的任何内容都是相对于
li
的边界的。 因此，如果我现在给
.cross
元素一个
位置：绝对值
，顶部和右侧的值为2px，这意味着十字架将位于列表项顶部和右侧的2px处

我做的最后一件事是给
li
项
display:inline块
，这样它们就不会覆盖整个页面的宽度，而只覆盖其中内容的宽度。如果您知道每个图像的宽度，也可以给
li
一个固定的宽度

希望这有帮助

将单个图像保留为任何
div
的背景图像，然后在该
div
上设置交叉图像将单个图像保留为任何
div
的背景图像，然后在该
div
上设置语义不正确的交叉图像，因为实际图像是内容，应该在
img
标记中。然而，十字是布局，应该设置为链接的背景。从语义上讲，这是不正确的，因为实际图像是内容，应该在
img
标记中。然而，十字架是布局，应该设置为链接的背景。