如何用CSS样式控制文字浮于图片上方

html-css029

如何用CSS样式控制文字浮于图片上方,第1张

1、首先,我们应该先给div设置宽度和高度,保证文字有一个范围。

2、然后通过background给div添加一张图片作为它的背景。

3、接着可以通过url()来连接图片,url里面放置的就是背景图片的路径。

4、随意地放了一张图片用作背景,一定要注意,路径要写对。

5、这样,保存之后文字就会覆盖在图片的上面了。

这个需要用到js方面的数据交互

暴力一点的做法是:

document.getElementsByClassName('img-div')[0].style.display = 'none'

[0]看你页面的情况使用,你可以先打印document.getElementsByClassName('img-div')看看什么内容在接下来的操作

提供三种自定义导航栏悬浮的方法

在自定义组件中设定css 样式:

利用 position: fixed

利用 position: fixed