Discuz!小编 发表于 2024-10-20 17:14:12

网站背景图片设置和显示透明度的问题

各位网友及论坛管理大大们:
你们好!

近期看到一位仁兄做的网站,个人感觉界面非常美观,图片如下:




1.背景图片是3840*2160,96dpi,24位的大背景图
2.网站所有的窗口及显示内容,都设置了透明度

自己在discuz的后台管理模板上尝试设置了一下,怎么都达不到这样的效果。

诸位可否在百忙之中帮忙看看,如何设置才能达到如上述图片显示的网站页面效果呢?
感谢!
我知道答案 回答被采纳将会获得1 贡献 已有9人回答

Jessie 发表于 2024-10-20 17:14:29

后台只能对全局部分地方可设置。实际模板中还有很多非后台管理的固定样式表。
需要对当前所用模板的样式表进行大量调整。

KarlMock59 发表于 2024-10-20 17:14:38

这个要定制模板才能实现了,不是一两句代码能解决的哦,也可以去应用中心的模板区看一下,是否有类似成品模板。

杰克 发表于 2024-10-20 17:15:31

楼上两位!
不是我想指责你们什么,我知道现今社会,大家都需要钱,来养家,来享乐,来做些喜欢的事
但是,我是个网站制作小白,帖子放到求助区,肯定是希望能得到学习和指点。
可你们呢?
奔着钱来的!
互联网的互助精神,都被诸位这种知识贩子,搞的一无是处了!
想知道解决方案么?给钱!
知识付费不可耻,但不要骗我!
简单几句代码的事情,你们还想让我问你们报价?
估计你们报得也不便宜吧!

实话实说!我这两天自己硬扛,问题已经解决了!
楼下我就无偿分享出来!
简单几句重复的代码就OK了,还复杂,大量调整呢~~~
这两天要上班,周末分享~

在国外,人家都是把代码无偿开源出来,
就搞不明白,为何到我们这里,啥都要讲大价钱了!?~~~

瑾瑜 发表于 2024-10-20 17:15:51

今天先把代码贴出来,后面再详细写
改变背景图片的代码,我找到两种方案:
body {            background-image:url(background1.jpg);            background-repeat:no-repeat;            background-size: cover;            background-position:center;            background-attachment:fixed;         }

或者:
body {          background: transparent url(background1.jpg) no-repeat center center fixed;         -webkit-background-size: cover;          -o-background-size: cover;            background-size: cover;          }

改变显示窗体代码透明度的代码(鼠标悬停,会改变透明度为100%):
.bm {opacity: 0.7;}.bm:hover {opacity: 1.0;}#nv {opacity: 0.7;}#nv:hover {opacity: 1.0;}#scbar {opacity: 0.7;}#scbar:hover {opacity: 1.0;}

Sylvia 发表于 2024-10-20 17:16:22

顶你。

Sylvia 发表于 2024-10-20 17:16:57

虽然看不懂,但是很给力。支持!

凡若尘 发表于 2024-10-20 17:17:09

很支持你我也很困惑 一点简单一句话的问题这里都没人告诉 我就是想知道怎么替换模版背景图片 都没人告诉

KarlMock59 发表于 2024-10-20 17:17:57

那是你觉得

杰克 发表于 2024-10-20 17:18:43

态度真不错
页: [1]
查看完整版本: 网站背景图片设置和显示透明度的问题