background-image相关内容

背景-附件:固定的IMG等价物

我正在尝试找到一个仅适用于内联img元素的背景附件的css等效效果:已修复。我已经尝试了位置:已修复,但在这种情况下,从文档流中删除图像将不起作用。 以下是我的代码: https://codepen.io/julianapong/pen/vewmzw 数据-lang=“js”数据-隐藏=“假”数据-控制台=“真”数据-巴贝尔=“假”> body{ height:2000p ..
发布时间:2022-08-07 18:17:34 前端开发

Div总是在背景图像的同一位置?

目前我正在使用skroll制作动画,但我的问题之一是每个对象都需要放在正确的位置,在每个屏幕大小上。背景图像的大小都不同(一个类似1600x1100,另一个类似于1500x1500)。要使div始终位于每种屏幕大小的背景图像上的同一位置,我需要做些什么? PS:对不起,我的英语不好,我是德国人。 推荐答案 您可以尝试以百分比表示高度和宽度。 例如: height:50 ..
发布时间:2022-07-02 10:45:06 前端开发

正方形渐变的多个实例

如何重复平方渐变? 在提供的代码中,我以8种不同的方式绘制了方形渐变。 若要能够重复方形渐变,我将使用这些代码中的哪一个? 将如何完成? https://jsfiddle.net/7s468kwg/ 这是1个正方形,我如何让此正方形重复多次? 这就是我正在尝试做的。 重复如下: .container { display: flex; flex ..
发布时间:2022-03-24 14:46:34 前端开发

为什么HTML背景图像不能在VS代码的实时服务器中显示?

我在VS代码中使用实时服务器时遇到问题。 当我在HTML代码中使用背景图像时,当我在没有实时服务器的情况下打开该文件时,它可以正常工作。但是当我尝试使用实时服务器打开它时,它没有显示背景图像。 1.这是我的html代码 my html code 2.这是我在没有实时服务器的情况下打开Chrome时的输出 output in chrome without live server ..
发布时间:2022-03-24 14:41:00 前端开发

具有旋转、重复和不透明度的CSS背景图像

我正在尝试用图像做一个漂亮的背景,但是我想要重复图像来填满屏幕,不透明度设置为0.5,并且它旋转了45度。我已经尝试了很多方法来完成这件事,但都没有成功。有谁有主意吗? 在此代码中,我对图像进行了旋转和不透明处理,但无法使背景重复工作。 .background { height: 500px; width: 500px; position: relative; ..
发布时间:2022-03-24 14:34:59 前端开发

CSS3/CSS旋转背景图像

是否可以在CSS中旋转背景图像? 我可以使用以下命令旋转元素: @-webkit-keyframes spinX { 0% {-webkit-transform: rotateX(0deg); -webkit-transform-origin: 0% 50% 0;} 100% {-webkit-transform: rotateX(360deg); -webkit-tran ..
发布时间:2022-03-24 14:24:37 前端开发

带偏移的CSS背景渐变

我将渐变作为背景图像应用到我的身体上。然后我使用background-position:0 255px;在顶部添加了255px的偏移量。 除了一个小问题外,它看起来相当不错:当然渐变不会在页面底部结束,而是在页面下方255px处结束。 是否有什么简单的方法可以让渐变在底部结束,但以偏移量从到开始? http://jsfiddle.net/julian_weinert/ar6jC/ ..
发布时间:2022-03-24 14:20:11 前端开发

删除背景的中间部分,仅保留边框

可以这样做吗? 如何使背景中部完全透明? 这将使中间部分透明,并且不会对其应用任何内容。 https://jsfiddle.net/racsob9v/ 现在看起来是这样的。 我正在尝试执行此操作。 html, body { height: 100%; padding: 0; margin: 0; } body { background: url ..
发布时间:2022-03-24 14:16:09 前端开发

tkinter 中按钮后面的图像(PhotoImage)

我一直在尝试添加图像,以便我的按钮位于图像顶部,但只能使图像完全覆盖所有内容或强制图像位于按钮覆盖的水平部分下方. 这里是它的相关代码: 类 MainMenu(Frame):def __init__(self, master):Frame.__init__(self, master)self.master = 主人self.initUI()定义 initUI(自我):self.master ..
发布时间:2022-01-25 22:39:36 Python

带有背景图像和 JPanel 的 JFrame

我有以下: 公共类框架{公共静态无效主要(字符串[]参数){JFrame frame = new JFrame("Frame Demo");面板面板 = 新面板();框架.添加(面板);frame.setBounds(250,100,800,500);frame.setVisible(true);}}公共类面板扩展 JPanel {JButton singlePlayerButton;JButt ..
发布时间:2022-01-24 13:53:54 Java开发

带有内容的背景图像 JFrame

我有一个带有 BorderLayout 的 JFrame,四面都有面板(北、东……).面板中主要有标签和按钮. 现在我希望框架具有背景图像,一些研究告诉我,我必须更改框架的内容窗格. 但是,当我尝试这样做时,内容会被置于后台并且不可见.另外,如果调整框架大小,我不知道如何调整图像大小. 是否有一个简单的解决方法,或者我是否需要重新编写大部分代码? 解决方案 把带有背景 ..
发布时间:2022-01-24 13:52:20 Java开发

JFrame 中的背景图像

这个问题被问了很多,但到处都没有答案.通过扩展 JPanel 并覆盖paintComponent,我可以让 JFrame 很好地显示背景图像,如下所示: class BackgroundPanel 扩展 JPanel {私人 ImageIcon imageIcon;公共背景面板(){this.imageIcon = Icons.getIcon("foo");}@覆盖受保护的无效paintComp ..
发布时间:2022-01-24 13:43:57 Java开发