CSS透明度

【CSS透明度】eclipse背景图片透明度怎么修改

2022-02-25 15:19发布

站内问答 / CSS3
2233 5 6
发送
5条回答
瑶瑶吖 - 已所不欲，勿施于人
2楼 · 2022-02-27 16:12

  1. 找到 eclipse 的安装目录 进入到 plugins 文件夹下，这个文件是管理 eclipse样式相关的文件夹然后我们进入它的子目录 org.eclipse.ui.themes_1.2.1.v20170809-1435 文件夹，去里面找 与 eclipse 相关的样式设置，

    如何修改eclipse的背景图片

    如何修改eclipse的背景图片

  2. 继续寻找来到 这个界面。 考到css 文件夹，与 images 文件夹，这两个文件夹一个是存放样式的，一个是存放背景图片的，我们的背景图片就可以放到，images 下面，等下我们将修改 css 文件。

    如何修改eclipse的背景图片

  3. 将图片放到 images 下， 这个步骤我就不示例了，接下来我们修改 css 文件夹中的  e4_basestyle.css 文件，添加修改 背景图片的 css值。

    如何修改eclipse的背景图片

  4. 打开 e4_basestyle.css 文件在其中添加 

    .MPart StyledText {

      background-image: url(../images/bj.jpg);

      background-size: 1000%;

      background-repeat: no-repeat;

      color: black;

      

      -moz-opacity:0.5;  

      -khtml-opacity: 0.5;  

      opacity: 0.5;

    }

    有些样式时候没有生效的，例如透明度，这个就得自己去修改图片的透明度了。

    如何修改eclipse的背景图片

  5. 修改完成保存关闭 ，然后我们看一下 eclipse 的背景色是否修改完成。

    如何修改eclipse的背景图片


苏楠 - 世界的没好好与你环环相扣
3楼 · 2022-02-27 22:42

1.

找到eclipse 的安装目录 进入到 plugins 文件夹下,这个文件是管理 eclipse样式相关的文件夹然后我们进入它的子目录 org.eclipse.ui.themes_1.2.1.v20170809-1435...

2.

继续寻找来到 这个界面。 考到css 文件夹,与 images 文件夹,这两个文件夹一个是存放样式的,一个是存放背景图片的,我们的背景图片就可以放到,images 下面,等下我们将修改 css 文件。

3.

将图片放到 images 下, 这个步骤我就不示例了,接下来我们修改 css 文件夹中的 e4_basestyle.css 文件,添加修改 背景图片的 css值。

4.

打开e4_basestyle.css 文件在其中添加 .MPart StyledText { background-image: url(../images/bj.jpg); background-size: 100%..


不吃鱼的猫
4楼 · 2022-03-01 14:22

在Eclipse中，好像并没有这样的设置，或者那个插件可以实现这个功能。不过，我们想实现这样的效果，那只能手动的修改Eclipse 中的设置。


在Eclipse 启动时，会加载一些文件，其中就包含编辑器的样式等效果的展示。那我们可以从这个方向入手。


下面介绍其中的步骤：


第一步：打开你的电脑中Eclipse文件的位置：G:\win10\eclipse-jee-neon-3-win32-x86_64\eclipse\（这个是我的）


打开其中一个文件夹plugins：




进入这个文件夹之后，查找这个文件： （org.eclipse.ui.themes_1.1.300.v20161107-1827）


由于eclipse 不同，你只需要找到 org.eclipse.ui.themes 这个开头的文件即可。如果有多个这样的文件，选择时间比较新的（就是后面有个 20161107 选择比较新的）。




其中，我们关注两个文件，一个是CSS ，一个是 images


css文件夹中存放这，Eclipse ui 的样式。


images 存放这Eclipse ui 的图片。（我们可以把背景图放在这个文件夹里面，当然也可以放在别的文件夹里面）。






e4_basestyle.css 是Eclipse ui 的基础样式文件。我们来修改这个文件。


在这个文件中，追加一段样式：



.MPart StyledText {

  background-image: url(./1.jpg);

  background-color: white;

  background-position: no-repeat;

  color: black;

}

其中： url 里面可以是 网络图片，也可以是本地图片。 


而 ./ 目录可以读取到刚才那个 images 文件夹的图片。（最好选择一个比较合适的图片。）


你可以放在合适的一个位置




保存一下这个文件，我们打开Eclipse 来看一下效果。








当然你可以选择你喜欢的图片，但是注意需要修改图片的透明度，这样代码看的清楚一点。


如果可以使用CSS控制，背景图片的透明度是最好的，但是我试了试好像不行。。。


选择图片的时候，尽量大一点。1920*1024 效果还不错。


（我所用的Eclipse 比较新，是none 版本，还有一个 MARS.2 都是可以的，所以对于不同的版本应该都可以使用这个方法修改）


IT小王子 - 抬头挺胸；堂堂正正做人。
5楼 · 2022-03-04 09:26

1、找到 eclipse 的安装目录 进入到 plugins 文件夹下，这个文件是管理 eclipse样式相关的文件夹然后我们进入它的子目录 org.eclipse.ui.themes_1.2.1.v20170809-1435 文件夹，去里面找 与 eclipse 相关的样式设置，

如何修改eclipse的背景图片

如何修改eclipse的背景图片

  1. 2、继续寻找来到 这个界面。 考到css 文件夹，与 images 文件夹，这两个文件夹一个是存放样式的，一个是存放背景图片的，我们的背景图片就可以放到，images 下面，等下我们将修改 css 文件。

  2. 如何修改eclipse的背景图片

  3. 3、将图片放到 images 下， 这个步骤我就不示例了，接下来我们修改 css 文件夹中的  e4_basestyle.css 文件，添加修改 背景图片的 css值。

  4. 如何修改eclipse的背景图片

  5. 4、打开 e4_basestyle.css 文件在其中添加 

  6. .MPart StyledText {

      background-image: url(../images/bj.jpg);

      background-size: 1000%;

      background-repeat: no-repeat;

      color: black;

      

      -moz-opacity:0.5;  

      -khtml-opacity: 0.5;  

      opacity: 0.5;

    }

    有些样式时候没有生效的，例如透明度，这个就得自己去修改图片的透明度了。

    如何修改eclipse的背景图片

  7. 5、修改完成保存关闭 ，然后我们看一下 eclipse 的背景色是否修改完成。


相关问题推荐

  • css如何利用transparent属性设置透明度CSS透明度 2022-04-01 18:58
    回答 4

    如果一个元素覆盖在另外一个元素之上,而你想显示下面的元素,这时你就需要把上面这个元素的background设置为transparent transparent在 不同 css版

  • 如何设置CSS样式中的透明度CSS透明度 2022-04-01 18:58
    回答 4

    怎样在CSS样式中设置背景的透明度,下面一个具体的实例。把类为box的层设为透明。.box{width:300px;height:200px;margin:0auto;boxder:1pxsolid#ccc;background:#000;filter:alpha(opacity:30);opacity:0.3;-moz-opacity:0.3;-khtml-o...

  • java 怎么判断png图片是否是有透明度的CSS透明度 2022-02-25 15:20
    回答 6

    解决方案You can check if the image's color model includes an alpha channel:BufferedImage img = ImageIO.read(/* from somewhere */);if (img.getColorModel().hasAlpha()) {undefined// img has alpha channel...

  • CSS或JavaScript怎样实现图片透明度渐变CSS透明度 2022-02-16 11:23
    回答 6

    css问题filter: alpha(opacity=100,finishopacity=0,style=2)alpha是来设置透明度的,它的基本属性是filter：alpha（opacity，finishopacity，style，startX，startY，finishX，finishY）.opacity代表透明度数,选值0-100,0是完全透明,100是不透明.finishopacit...

  • 怎么用css调背景图片的颜色深浅而不会影响文字的效CSS透明度 2022-02-16 11:23
    回答 4

    设置背景颜色：要设置背景颜色，直接使用background:颜色值;即可。如：body{background:#000}将body的背景颜色设置为黑色。 设置背景图片：1.规律背景图片。不如我们要设置一个渐变的背景图片，这种背景只需要切出1像素宽，高度合适的图片作为背景即可。body...

  • CSS父级设置了透明，其中一个子元素不透明是什么原CSS透明度 2022-02-16 11:22
    回答 2

    原因分析： 使用css的opcity属性改变某个元素的透明度，但是其元素下的子元素的透明度也会被改变，即便重定义也没有用，不过有个方法可以实现，大家可以看看。 可以使用一张透明的图片做背景可以达成效果...

  • css 滚动条怎么不占内容位置，且悬浮宽度变大CSS透明度 2022-02-09 18:54
    回答 3

    用css 隐藏掉overflow在用div 模拟重画滚动条，用div和z-index配合模拟滚动条

  • css中的div如何实现从左到右逐渐透明，需要哪个CSS透明度 2022-02-09 18:54
    回答 4

    第一步，双击打开HBuilder编辑工具，新建静态页面leftright.html，第二步，在插入一个div标签，设置id属性值为leftright，第三步，设置div的样式属性，使用linear-gradient属性进行设置第四步，保存代码，预览该静态页面，查看页面效果，第五步，将linear-gra...

  • css 重叠部分透明 如何实现CSS透明度 2022-02-08 18:48
    回答 3

    .box{   width:300px;   height:200px;   margin:0 auto;   boxder:1px solid #ccc;   background:#000;   filter:alpha(opacity:30);   opacity:0.3;   color:red;}

  • CSS如何给图像设置透明度CSS透明度 2022-02-08 18:48
    回答 5

    下面给出一个具体的实例。把类为 box 的层设为透明。.box{   width:300px;   height:200px;   margin:0 auto;   boxder:1px solid #ccc;   background:#000;   filter:alpha(opacity:30);   opacity:0.3;   color:red;}...

  • CSS透明度变化的动画 （淡入淡出效果）怎么实现CSS透明度 2022-01-17 18:19
    回答 4

    要实现CSS中透明度更改的动画，需要使用的是transition属性。由于transition属性是CSS3中的新增属性，因此有必要在一些可支持的浏览器上运行时加上前缀。像是Chrom，Safari编写为-webkit-transition，为FireFox编写-moz-transition，为Internet Explorer编写-...

  • css如何设置透明度？设置透明度的方法CSS透明度 2022-01-17 18:18
    回答 5

    新建一个html文件，命名为test.html，用于讲解css中如何设置透明度。在test.html文件中，使用div标签创建两个模块，下面将使用css对两个div进行样式设置在test.html文件中，分别设置两个div的class属性，分别为demo1、demo2。下面将在样式表中通过两个class来...

没有解决我的问题，去提问