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

pahc2005

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

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




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

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

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

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

mingkong

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

微动力

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

pahc2005

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

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

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

pahc2005

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

1. body {
   
2.             background-image:url(background1.jpg);
   
3.             background-repeat:no-repeat;
   
4.             background-size: cover;
   
5.             background-position:center;
   
6.             background-attachment:fixed;
   
7.          }
   

复制代码

或者：

1. body {
   
2.           background: transparent url(background1.jpg) no-repeat center center fixed;
   
3.           -webkit-background-size: cover;
   
4.           -o-background-size: cover;  
   
5.           background-size: cover;
   
6.           }

复制代码

改变显示窗体代码透明度的代码（鼠标悬停，会改变透明度为100%）：

1. .bm {
   
2.   opacity: 0.7;
   
3. }
   
4. 
   
5. .bm:hover {
   
6.   opacity: 1.0;
   
7. }
   
8. 
   
9. #nv {
   
10.   opacity: 0.7;
    
11. }
    
12. 
    
13. #nv:hover {
    
14.   opacity: 1.0;
    
15. }
    
16. 
    
17. #scbar {
    
18.   opacity: 0.7;
    
19. }
    
20. 
    
21. #scbar:hover {
    
22.   opacity: 1.0;
    
23. }

复制代码

龙二哥

顶你。

tkj928

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

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