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

pahc2005 · 发表于 2023-7-23 12:02:04

各位网友及论坛管理大大们：
你们好！

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

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

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

诸位可否在百忙之中帮忙看看，如何设置才能达到如上述图片显示的网站页面效果呢？
感谢！

我知道答案回答被采纳将会获得1 贡献已有9人回答

mingkong · 发表于 2023-7-23 12:57:22

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

微动力 · 发表于 2023-7-25 12:42:23

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

pahc2005 · 发表于 2023-7-25 23:00:42

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

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

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

pahc2005 · 发表于 2023-7-25 23:03:56

今天先把代码贴出来，后面再详细写
改变背景图片的代码，我找到两种方案：

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;
}

复制代码

龙二哥 · 发表于 2023-7-26 12:47:51

顶你。

tkj928 · 发表于 2023-9-15 00:27:08

pahc2005 发表于 2023-7-25 23:03
今天先把代码贴出来，后面再详细写
改变背景图片的代码，我找到两种方案：

虽然看不懂，但是很给力。支持！

罗夏 · 发表于 2024-10-20 13:59:08

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

babyfacer · 发表于 2024-10-20 17:37:18

罗夏发表于 2024-10-20 13:59
很支持你我也很困惑一点简单一句话的问题这里都没人告诉我就是想知道怎么替换模版背景图片都没人告诉 ...

那是你觉得

babyfacer · 发表于 2024-10-20 17:37:31

pahc2005 发表于 2023-7-25 23:00
楼上两位！
不是我想指责你们什么，我知道现今社会，大家都需要钱，来养家，来享乐，来做些喜欢的事
但是， ...

态度真不错

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

产品服务

开发者服务

使用教程