css - 使用 CSS 将(背景)图像放在网站内容旁边

标签 css

我正在构建一个看起来像 table 上报纸的网站。我想在报纸的右边放一个咖啡杯图像,从而产生背景是一张 table 而不是一些奇怪的木纹的错觉。咖啡杯不能创建水平滚动条,因为它实际上不是重要的内容。 我试过在我的主容器(居中)旁边使用绝对定位 div,但这会创建一个水平滚动条。 我也尝试过将咖啡图像作为背景并放置在右上角,但后来我的报纸放在了它的上面,这看起来很奇怪。

有什么方法可以使用 CSS 来实现吗? 如果没有,我准备使用 JS (jQuery),但这显然不是我的第一选择。

最佳答案

我会把咖啡杯的图像剪下来,所以你只得到你需要的东西。这也会减小图像的大小,从而更好地提高加载速度。

否则,在父容器上使用overflow: hidden

关于css - 使用 CSS 将(背景)图像放在网站内容旁边,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7881322/

相关文章:

javascript - 如何从 rest-api 在 Angular 中的图像上显示加载指示器

JQuery Accordion 1.8 实现

jquery - 开头有特定计数的 CSS 计数器

css - IE 中的 Wordpress css 错误

CSS:将表格边框应用于一个表格而不是另一个表格

javascript - 在 HTML、Javascript 和 CSS 中绘制一个框

html - <a> div 中的链接隐藏/显示 CSS 不起作用

javascript - 选项卡宽度中的 Angular HighChart

html - 窗口滚动条将元素移动大约一个像素

jquery - 3D 变换效果在 Firefox 和 Internet Explorer 中不起作用