这是我的第一个问题。 我的代码在codepen。
我在这段代码中一直在修改Bootstrap，CSS和jQuery，试图在我页面上的最后一个featurette（From Bootstrap demo）项目后面放置一个全角背景图像。我猜这个问题源于bootstrap容器类，但我希望能解决这个问题。
我附上了一个带有div标签的featurette，对它应用了一个ID为“background1”的ID，然后在我尝试将位置设置为绝对值时使用了CSS，并且左侧：0。
这让我得到了我想要的位置（除了我还希望背景图像能够像Bootstrap img-responsive一样响应），但是孩子呢？标签继承了不透明度和定位。
我尝试过z-index：-1失败了。似乎还在发生的是，低不透明度允许页脚爬进我的最后一个featurette项目，好像不透明度也与z-index混淆。
所以我的问题是：
答案 0 :(得分：1)
不要包装您的内容。在内容之前使用 $scope.handleFileInput = function (file, invalidFiles) {
//var file = $scope.photoInput.files[0];
if (file) {
if (/^image\//i.test(file.type)) {
$scope.readFile(file);
} else {
alert('Not a valid image!');
}
}
};
$scope.readFile = function (file) {
var reader = new FileReader();
reader.onloadend = function (d) {
var exif = EXIF.readFromBinaryFile(d.target.result);
photoService.validatePhoto(exif.DateTimeOriginal);
//alert('exif.DateTime = ' + exif.DateTime);
//alert('exif.DateTimeOriginal = ' + exif.DateTimeOriginal);
//alert('exif.DateTimeDigitized = ' + exif.DateTimeDigitized);
$scope.processFile(file, exif.Orientation);
}
reader.onerror = function () {
alert('There was an error reading the file!');
}
reader.readAsArrayBuffer(file);
};
，并且：
<div id="background1"></div>