background-image相关内容
我正在尝试找到一个仅适用于内联img元素的背景附件的css等效效果:已修复。我已经尝试了位置:已修复,但在这种情况下,从文档流中删除图像将不起作用。 以下是我的代码: https://codepen.io/julianapong/pen/vewmzw 数据-lang=“js”数据-隐藏=“假”数据-控制台=“真”数据-巴贝尔=“假”> body{ height:2000p
..
我有两个div,iddiv1和div2,我需要为它们设置两个不同的背景图片,图片同名但位于不同的文件夹中,所以我配置如下, app.Component.html:
app.Component.css: background-image,每个div具有不同的路径。 #div1 {
..
目前我正在使用skroll制作动画,但我的问题之一是每个对象都需要放在正确的位置,在每个屏幕大小上。背景图像的大小都不同(一个类似1600x1100,另一个类似于1500x1500)。要使div始终位于每种屏幕大小的背景图像上的同一位置,我需要做些什么? PS:对不起,我的英语不好,我是德国人。 推荐答案 您可以尝试以百分比表示高度和宽度。 例如: height:50
..
我正在尝试使用背景图像创建表格图案,当单元格大小为50px*50px时效果很好,但当我低于25px*25px时,有几行开始消失或晕倒。 此&;背后的原因是什么?如何修复? At 25px * 25px At 50px * 50px div { background: pink; height: 713px; width: 400px; backgrou
..
我想明确说明,这是针对HTML电子邮件的。我正在尝试设置不透明度较低的背景图像。我已经屏蔽了一行无用的代码,因为它不会在电子邮件中呈现。但是,我找不到一种在背景图像中编码的方法,该图像可以在电子邮件上呈现,也可以在其上显示文本。
..
如何重复平方渐变? 在提供的代码中,我以8种不同的方式绘制了方形渐变。 若要能够重复方形渐变,我将使用这些代码中的哪一个? 将如何完成? https://jsfiddle.net/7s468kwg/ 这是1个正方形,我如何让此正方形重复多次? 这就是我正在尝试做的。 重复如下: .container { display: flex; flex
..
我在VS代码中使用实时服务器时遇到问题。 当我在HTML代码中使用背景图像时,当我在没有实时服务器的情况下打开该文件时,它可以正常工作。但是当我尝试使用实时服务器打开它时,它没有显示背景图像。 1.这是我的html代码 my html code 2.这是我在没有实时服务器的情况下打开Chrome时的输出 output in chrome without live server
..
我正在尝试用图像做一个漂亮的背景,但是我想要重复图像来填满屏幕,不透明度设置为0.5,并且它旋转了45度。我已经尝试了很多方法来完成这件事,但都没有成功。有谁有主意吗? 在此代码中,我对图像进行了旋转和不透明处理,但无法使背景重复工作。 .background { height: 500px; width: 500px; position: relative;
..
如何使用CSS样式background-attachment并将其应用于标记? css: img { background-attachment: fixed; } HTML 添加此内容,以防其他任何人在推荐答案中使用img标记时希望复制background-attachment: fixed;的行为。 您不能按
..
是否可以在CSS中旋转背景图像? 我可以使用以下命令旋转元素: @-webkit-keyframes spinX { 0% {-webkit-transform: rotateX(0deg); -webkit-transform-origin: 0% 50% 0;} 100% {-webkit-transform: rotateX(360deg); -webkit-tran
..
我将渐变作为背景图像应用到我的身体上。然后我使用background-position:0 255px;在顶部添加了255px的偏移量。 除了一个小问题外,它看起来相当不错:当然渐变不会在页面底部结束,而是在页面下方255px处结束。 是否有什么简单的方法可以让渐变在底部结束,但以偏移量从到开始? http://jsfiddle.net/julian_weinert/ar6jC/
..
可以这样做吗? 如何使背景中部完全透明? 这将使中间部分透明,并且不会对其应用任何内容。 https://jsfiddle.net/racsob9v/ 现在看起来是这样的。 我正在尝试执行此操作。 html, body { height: 100%; padding: 0; margin: 0; } body { background: url
..
由于某些原因,IE11(Windows 7专业版)中根本不显示背景图像。 .home { position:relative; height: 620px; background-image: url(/images/bg_home3.jpg); background-position: 540px 190px; background-repeat: no-repeat; } 有什么线索
..
..
内容在这里 body{背景图片:网址(图片/bg.png);}#bgTopDiv{背景图片:网址(图片/bgTop.png);背景重复:重复-x;}
..
我一直在尝试添加图像,以便我的按钮位于图像顶部,但只能使图像完全覆盖所有内容或强制图像位于按钮覆盖的水平部分下方. 这里是它的相关代码: 类 MainMenu(Frame):def __init__(self, master):Frame.__init__(self, master)self.master = 主人self.initUI()定义 initUI(自我):self.master
..
是否可以制作一个具有透明背景的 JFrame 并在其上绘制图像,这样只有图像可见,没有边框或背景? 解决方案 参见 Kirill Grouchnikov 的半透明和异形摆动窗.
..
我有以下: 公共类框架{公共静态无效主要(字符串[]参数){JFrame frame = new JFrame("Frame Demo");面板面板 = 新面板();框架.添加(面板);frame.setBounds(250,100,800,500);frame.setVisible(true);}}公共类面板扩展 JPanel {JButton singlePlayerButton;JButt
..
我有一个带有 BorderLayout 的 JFrame,四面都有面板(北、东……).面板中主要有标签和按钮. 现在我希望框架具有背景图像,一些研究告诉我,我必须更改框架的内容窗格. 但是,当我尝试这样做时,内容会被置于后台并且不可见.另外,如果调整框架大小,我不知道如何调整图像大小. 是否有一个简单的解决方法,或者我是否需要重新编写大部分代码? 解决方案 把带有背景
..
这个问题被问了很多,但到处都没有答案.通过扩展 JPanel 并覆盖paintComponent,我可以让 JFrame 很好地显示背景图像,如下所示: class BackgroundPanel 扩展 JPanel {私人 ImageIcon imageIcon;公共背景面板(){this.imageIcon = Icons.getIcon("foo");}@覆盖受保护的无效paintComp
..