gpt4 book ai didi

html - 仅使用 css 将图像从表格单元格移动到浏览器窗口的左上角

转载 作者:太空宇宙 更新时间:2023-11-04 05:34:44 25 4
gpt4 key购买 nike

我正在对网站进行外观更改,但我只能更改 CSS 而不能更改 aspx。我想将表格集中单元格内的图像移动到页面中大约 100/100px 回到 0/0px。

标签有一个唯一的 ID,我可以用它来获取它,但是表格的 ID 不是唯一的,并且通过 css 在表格上设置背景图像会影响网站的其他部分。我也试过在正文上设置背景图像,但此页面是一个框架集,其中每个框架都引用相同的样式表。结果是我在每一帧中得到一个背景图像。

一个大大简化的 html 版本如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>move image</title>
<style type="text/css">
#imgLogo {/*how can I move this to 0,0?*/}
</style>
</head>
<body>
<table style="margin-left:100px; margin-top:100px;">
<tr>
<td>
<img id="imgLogo" src="http://www.google.com/intl/en_ALL/images/logo.gif" alt="google" />
</td>
</tr>
</table>
</body>
</html>

编辑

感谢所有建议使用绝对位置的人。这当然修复了示例 html 但不是真正的问题。原因是其中一个父元素已经设置了绝对位置但没有坐标。将此元素设置为左侧和顶部位置就可以了。

最佳答案

将表格 ccs 设置为 position:relative 并将您的图像设置为 position:absolute 并给它 top:0px 和 left:0px;

关于html - 仅使用 css 将图像从表格单元格移动到浏览器窗口的左上角,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/860382/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com