响应式文本覆盖响应式图像

文章/答案/技术大牛

发布

2回答

css、image、responsive

我已经创建了一个带有响应式图像的表格，但不知道如何在调整窗口大小时停留在那里的图像上添加固定文本。我最接近的方式是使用<p class="">，但文本没有响应...

浏览 10提问于2017-01-12得票数 0

回答已采纳

1回答

响应式文本覆盖在响应式图像之上

html、css、bootstrap-4

利用bootstrap，我有一个响应式图像和一些覆盖文本/按钮，我想把它们放在图像的中心。然而，尽管文本在img标记的div中，当屏幕尺寸缩小时，文本不会停留在中心。它应该是什么样子的： ? 在响应中看起来是什么样子： ? HTML代码： <div id="container-a" class="img-content"> <img src=&

浏览 20提问于2020-09-15得票数 0

2回答

背景感知文本颜色

jquery、css、responsive-design

我有一个响应式的网站，它有一个动态大小的背景图像，有一些黑暗和明亮的区域。在浏览器中，字体颜色被调整为与背景图像的颜色具有良好的对比度。不幸的是，在响应式(移动)设计中，一些文本被覆盖在重新调整大小的背景图像的较暗部分，并且文本可能非常难以阅读。有没有人知道jQuery插件或技术，可以让文本感知其背后的背景，并相应地改变样式/颜色？

浏览 0提问于2013-06-05得票数 7

1回答

响应式绝对定位背景覆盖

css、responsive-design、background-image、css-position

我有一个背景图像，我正在加载，但我想用css覆盖它变暗。我的网站是响应式的，所以我不知道如何让绝对定位的深色覆盖图有一个响应式的宽度。这有可能吗？感谢您的任何提示/帮助！

浏览 0提问于2013-01-25得票数 0

回答已采纳

1回答

带有响应式文本的响应式图像

html、css、twitter-bootstrap

我正在尝试转置文本而不是图像-这是一种基础。有没有一种简单的方法可以用bootstrap来做这件事？我尝试过在div上使用背景图像，但是当页面调整大小时，div图像也会变得混乱。我已经尝试了其他一些方法(我在网站上发现了类似的问题)，问题是它们不能很好地与bootstrap一起工作，因为它具有响应性。

浏览 1提问于2013-12-13得票数 0

3回答

图像悬停时的文本覆盖-响应式

javascript、jquery、html、css、responsive-design

我正在使用本教程在我的图像上创建一个带有文本的覆盖图：它工作得很好，但是我有一个响应式的网站，如果我尝试输入一个%作为'.box‘的宽度/高度，图像就会消失。

浏览 1提问于2015-01-27得票数 0

2回答

用响应式图像覆盖背景

html、css、responsive-design

我有一个背景覆盖的图像，需要响应屏幕设备。感谢你的帮助。

浏览 1提问于2014-04-04得票数 0

2回答

Div覆盖在响应图像上

html、css

我正在尝试创建我的第一个响应式网站。在这里，我包含了一张图片。此图像具有标题，应以透明叠加方式显示。但是，因为不透明度设置被传递给子元素，所以我从容器中删除了文本。我根本不能显示覆盖图(因为它里面没有内容)。我真的不能添加一个固定的高度，因为我想要图像来响应浏览器大小的变化。如何才能确保显示此内容？编辑，以及在浏览器调整大小时缩放覆盖图的最佳方式。

浏览 0提问于2012-05-24得票数 1

1回答

响应式图像与响应式div

css、responsive-design

我不明白为什么在相同的css下，div会在最小化窗口时做出响应，而图像则不会。

浏览 3提问于2020-03-26得票数 0

2回答

将元素按比例放置在响应图像上

javascript、html、css、responsive-design

我们有一个响应式图像，并且有一些元素位于图像的绝对上方-位于图像上方的元素需要保持与图像成比例的完全相同的位置。只在CSS中是可能的吗？或者你必须用JS计算标签的位置？定位的元素最后将是文本。

浏览 0提问于2014-04-30得票数 0

3回答

响应式CSS:我可以强制渲染alt文本吗？

css、responsive-design

我正在为我正在建立的一个网站组装一些响应式CSS，我很好奇是否可以使用CSS来强制图像呈现为alt文本而不是图像。我们展示了共同发起人的徽标，但由于它们的大小可变，很难自信地将它们融入响应式设计中。出于这个原因，我们希望将公司名称存储为alt文本并呈现出来。当然，我们可以将名称放在一个单独的元素中，并使用CSS切换可见性，但使用alt文本似乎是DRYer。

浏览 11提问于2013-03-07得票数 7

回答已采纳

1回答

作为CSS sprite的移动友好的翻转替代方案

responsive-design、sprite

CSS翻转精灵很酷，但对于响应式设计，我们现在使用图像(这是响应式的)而不是CSS背景(这不是)。对于响应式的基于图像的链接，有没有等同于CSS精灵的工具？或者，是否只有Javascript可以在悬停链接时从正常状态图像切换到悬停状态图像？

浏览 4提问于2013-02-03得票数 0

1回答

div中的响应式图像响应式？

html、css、responsive

我正在建立我的第一个真正像样的网站基本上，我正在创建一个背景自动柜员机与一些css和一个图像，我想做它就像它在图片中 ? ..。(已经完成了)，但它不响应，可能是因为位置:绝对属性，我想让它正确响应。

浏览 30提问于2021-02-25得票数 0

回答已采纳

3回答

响应式容器中的响应式图像？

image、html、css

我如何让这个响应式图像，或者应该是什么，以适合它嵌套在其中的父级？ background: #fff;.header img { height: auto;您可以在此处查看该问题：谢谢!

浏览 2提问于2012-09-20得票数 1

回答已采纳

2回答

响应式图像

html、css

我不是在图像上寻找创造性的解决方案，我已经阅读了大量关于加载图像等内容。 <img src="assets/images/mobile-menu.png"/> </div> 当我调整窗口大小时，图像没有调

浏览 1提问于2013-07-20得票数 1

回答已采纳

2回答

图像响应式

html、css

/images/logo1.png" width="400" height="400" border="0" alt="Logo" /> 我想让图像出现在屏幕的右侧。为了使其具有响应性，我将宽度和高度更改为23% (原始图像为3000 x 3000像素)。它适用于图像的大小，但它显示在上面定义的位置，它出现在屏幕的左侧。仅当我将宽度更改为百分比时...为什么？

浏览 9提问于2018-01-19得票数 0

1回答