谢谢.
HTML:
<body>
<div id="box"></div>
<button id="yes">yes</button>
<button id="no">no</button>
<script src="js/script.js"></script>
</body>
CSS:
#box {
width: 200px;
height: 200px;
background-color: red;
}
JS:
function Choice () {
var box = document.getElementById("box");
var yes = document.getElementById("yes");
var no = document.getElementById("no");
if (yes.clicked == true) {
box.style.backgroundColor = "red";
} else if (no.clicked == true) {
box.style.backgroundColor = "green";
} else {
box.style.backgroundColor = "purple";
};
};
Choice ();
嘿,我想我做错了,因为每个人都说你可以使用以下方式拉伸图像:
background-size: cover;
但是当我使用它时,一两面都会被裁剪掉.我实际上想要一种方法来扭曲图像,使其伸展以适应任何屏幕.那可能吗？这是我尝试过的确切代码(我尝试了很多这方面的变化):
.carnival {
background: url(../images/carnival.jpg) no-repeat 50% 50%;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 100%;
left: 0;
right: 0;
position: absolute;
}
HTML:
<div class="carnival"></div>
另外由于某些原因,如果我删除以下任何内容,背景根本不会显示:
height: 100%;
left: 0;
right: 0;
任何帮助将不胜感激.无法相信设置背景图像对我来说有多复杂.
嘿，我正在尝试实现一个名为backgroundcheck的jquery插件，它给了我控制台日志错误：“未捕获的安全错误：无法在'CanvasRenderingContext2D'上执行'getImageData'：画布已被跨源数据污染。” 我已经按照他在说明中所说的去做了所有事情，但它不起作用。任何帮助将不胜感激。
更新：
这是下拉菜单中主要错误下的三个错误。
calculatePixelBrightness VM682 background-check.min.js:571
processTargets VM682 background-check.min.js:631
check VM682 background-check.min.js:766
这也是它的屏幕截图。
css ×2
html ×2
javascript ×2
console ×1
if-statement ×1
jquery ×1
onclick ×1
plugins ×1
positioning ×1
