My goal is to stack multiple background images within a single div container while ensuring their position is relative to the screen height. The problem I'm encountering is my inability to modify CSS values separated by commas. Here is my logical approach to achieving this:
jQuery(document).ready(function() {
windowHeight = window.innerHeight;
jQuery("#home-bg.bg-1").css('background-position-y', '0, ' + windowHeight);
});
Make sure to include "px" after the value:
Adjust the code to this: jQuery("#home-bg.bg-1").css('background-position', '0, ' + windowHeight+'px');
background-position-y is a CSS property that only accepts a single value, without commas. If you are thinking of background-position, remember that it takes two values for the x and y positions.
Here's a solution to consider:
$(document).ready(function() {
var windowHeight = window.innerHeight;
$("#home-bg.bg-1").css('background-position-y', windowHeight);
});
To achieve the desired effect, it is recommended to utilize the background-position property and specify both values accordingly. Avoid using background-position-y as it is not a standard W3C CSS property. Refer to this source for more information.
In the event that you still wish to utilize it, remember to eliminate the extra 0, as background-position-y only accepts a single argument. Additionally, ensure to include the unit px in the value provided.
Issue with text box validation on mobile browsers for my Angular application Mobile Browsers: Chrome, Samsung Browser (not working in both) Expected Input: Numbers 0-9 and Alphabets A-Z only in the text field My Approach : 1. Initial Attempt: I attempted ...
When I change the select option, my goal is to dynamically set the value of the input using JavaScript. However, I am encountering an issue where the value becomes undefined. Below is a snippet from my HTML (JSP) file: <body> <center>< ...
I'm encountering an issue with the Bootstrap validation tool found at https://github.com/nghuuphuoc/bootstrapvalidator The submitHandler function seems to be malfunctioning for me. Upon form submission, the entry is not being created and the form rel ...
Within my mongodb database, I have two Tables: GstState Store While working on my Store form, I encountered an issue where the JSON response was returning an undefined id when trying to select a state based on country via an ajax call to fetch GstStates ...
Can anyone help me troubleshoot my CSS so that the list appears below the input field? Check out this example The nested menu in this example is positioned too far to the left and slightly too high. It should be aligned with the bottom of the containing ...
We are currently utilizing DataTables for our table, and we are encountering difficulties in retaining the history of filters that were previously applied to the table. This would allow users to navigate back and forth and refresh through these filters. O ...
Utilizing Apify for fetching data from json file links has been my latest project. Here's the json data snippet: <html> <body> <pre> {"exhibitor-single":[{"firstname":"Ines","lastname":"Konwiarz","email":"< ...
My goal is to prevent multiple requests from being created when using the async pipe. I am facing an issue with a request to fetch a user from the API: getUser() { this._user = this.http.get<User>(environment.baseAPIUrl + 'user') ...
Looking to enhance my HTML document with interactivity, I wanted to achieve a feature where clicking on a div element would display its respective id. I attempted the following approach: window.onload = function() { associateIds(); clicked(); } fu ...
I have attempted multiple methods to add an icon in the displayfield when a combo box item is selected without success. Here is the fiddle link for anyone who would like to help me with this issue. Your assistance is greatly appreciated. View the example ...
I have set up a script to load my iframe, but I noticed that the script loads the iframe content too quickly. Is there a way for me to configure it to preload all CSS images and content in the background before showing the full iframe content? Here is my ...
Trying to retrieve error messages from Express server using Redux Toolkit has presented some challenges. When no user is found, an error message is sent with a status code. Postman works fine in getting the error response but encountering issues on the cli ...
I'm currently working on a project where I need to create a link that changes its destination when clicked. Here's the HTML code I have: <a href="http://google.com" rel="group" data-wpurl="http://yahoo.com"></a> Instead of redirecti ...
How can I retrieve the IDs of all parent nodes from a selected node to the root node in jsTree? If node C is selected, how can I obtain the IDs of all its parent nodes? Tree Structure: B C +C1 +c2 The following code snippet only returns the imme ...
I've encountered an issue while using Canvas to create a pie chart with chart.js. Despite adjusting the dimensions of the canvas element, it continues to take up the entire page. <canvas id="myChart" height ="200" width="200"></can ...
I am dealing with an array of objects that looks like this: const items = [ {name: 'Sam', amount: '455gbjsdbf394545', role: 'admin'}, {name: 'Jane', amount: 'iwhru84252nkjnsf', role: 'user'}, ...
<tr (click)="onRowClick(myDropDownList.value)"> <td> <select #myDropDownList (click)="$event.stopPropagation()" (change)="onChange($event.target.value)"> <option *ngFor="let n of numbers" [value]="n">{{n}}</option> </se ...
My interface consists of four vertical panels: The first panel displays the menu for selecting data The second panel allows you to choose a filter from a list The third panel shows the results based on the selected filter The fourth panel displays detail ...
I'm struggling to position the banner image behind the navigation bar on my website. It keeps appearing below the navigation bar, but I want it to be positioned behind the navigation bar instead. Here is the code I'm using: * { margin: 0; ...
This query appears to have been long-standing on Stackflow, but none of the solutions posted seem to resolve it. Even though the JSON validates correctly in validators, I continue to encounter the following error. Any idea what might be causing this issue ...