webkit 浏览器间歇性地在幻灯片右侧显示幻灯片中的图像

发布于 2024-11-26 21:22:59 字数 269 浏览 5 评论 0原文

当我启动该网站时,我没有注意到这一点,但在构建我的新 mac 时,它在 chrome 和 safari 中都发生了。

http://coatesconstruction.co.uk/

幻灯片中的图像偏向右侧,就好像它是没有遵循应有的定位。在我花了很长时间研究 CSS 之前,你们的专家们以前见过这种东西并且知道快速修复的方法吗?或者,我需要切换到不同的幻灯片脚本吗?

I didn't notice this when I launched the site, but built my new mac and its happening in both chrome and safari.

http://coatesconstruction.co.uk/

The image in the slideshow is off to the right, as if it's not following the positioning it's supposed to. Before I spend ages digging in the CSS, is this something you gurus have seen before and know the quick fix for? Or, do I need to swap to a different slideshow script?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

傲鸠 2024-12-03 21:22:59
<img style="border-left-width: 450px; 
border-left-style: solid; border-left-color: rgb(0, 0, 0); border-right-width: 450px;      
border-right-style: solid; border-right-color: rgb(0, 0, 0); opacity: 1; " 
src="/media/photographs/fp001.jpg">

图像上有一个 450px 的左边框,这可能是原因

此外,您的 div #fullsize 没有指定 overflow:hidden;,这会导致 Chrome 中出现侧滚动页面XP 上为 12

<img style="border-left-width: 450px; 
border-left-style: solid; border-left-color: rgb(0, 0, 0); border-right-width: 450px;      
border-right-style: solid; border-right-color: rgb(0, 0, 0); opacity: 1; " 
src="/media/photographs/fp001.jpg">

There's a 450px border-left on the image, that's probably the cause

Also your div #fullsize has no overflow:hidden; specified, which leads to a side scrolling page in Chrome 12 on XP

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文