How to achieve the sliding effect of CSS background image without using F12?

I'm currently trying to make a website using CSS and HTML, but I can't seem to get my background image to slide and move. I use VisualStudioCode and I ran the code on Google but it doesn't move but when I press F12 to debug it does? ! This is my code: body{background-color:black;margin:0;padding:0;b...

P粉903969231 2023-08-14 19:47:48 0  1  656

How to set a background image using Next.js?

I tried setting the background image using Next.js but couldn't. This won't work. The image won't show: //globals.cssbody{background:url("/images/grid.svg")repeat;} I want to repeat the background image throughout the page like this: How to set it up? Thank you in advance!

P粉725827686 2023-09-09 12:39:05 0  1  540

javascript - How to adapt images to different resolutions on PC?

How to adapt the background image to high resolution and low resolution?

習慣沉默 2017-06-29 10:10:05 0  3  874

javascript - A small effect on the mobile terminal

Scroll down and the background image shrinks. Question: How to write this animation more smoothly (mobile version)?

过去多啦不再A梦 2017-05-16 13:25:36 0  2  819

Background images cannot be displayed on iPad.

I placed a background image below the navigation bar, and as you scroll down, the navigation bar moves down with you. But when I view it on my iPad, I see that the background image appears a dark blue that's close to black. background__image {width: 100%; background-image: url("https://backgrou...

P粉879517403 2023-07-25 11:58:00 0  1  707

Center a div on a background image with 100vh height

I'm working on a course where I have a fixed position navigation bar at the top. The background is set to a height of 100vh and the div with the text content is in the center of the background. Using Flexbox it's almost centered, but in order to really get it to the center of the background, the hei...

P粉006847750 2024-02-17 12:39:44 0  1  397

javascript - Regarding the radio button problem, I am a novice, I hope someone can help me.

The company wants to create an event page with 4 buttons. When the button is clicked, it is equivalent to the selected state and the background image is changed. How to restore the previous one to its original state when clicking the next one.

PHP中文网 2017-05-24 11:36:42 0  4  707

How to dynamically change the size of an HTML container?

I have a container div that is a background that changes size dynamically with the window. Inside that container I have an image div and I want to change its size using the background container. Even using percentage height and width, I can't seem to resize it dynamically. Can anyone guide me in the...

P粉418214279 2024-04-03 20:38:38 0  1  401

Button position issue (CSS)

I'm trying to design a chessboard but I'm running into a problem where White_Pawn7 appears on the "next row" and I don't know why. I used an image to display the chess pieces and made a div with a chessboard background. The ID is designed for better navigation of where this button should g...

P粉793532469 2023-09-03 10:45:19 0  1  539

Ways to fix issue 2003 (HY000): Unable to connect to MySQL server 'db_mysql:3306' (111)

I recently tried to containerize my FastAPIPython server (also for replication/doubling purposes). Before, I had just a MySQL server in a Docker container and everything was fine, but when I also made my web server a service, it couldn't connect to the MySQL server, so now the application doesn't wo...

P粉178132828 2023-09-05 11:18:47 0  1  811

Experiment with sorting after query limit

So this is my first question here, please forgive me if something is wrong. I'm trying to make a sort query based on constraints. So there is a Customers table with 90 records. I want to first perform a query limited to 3 records, and then sort the results of this query by a column called ContactNam...

P粉237125700 2023-09-05 14:46:42 0  1  717

CSS Grid: Create new row when child content overflows column width

I have a two column layout based on CSS grid. When the content of the second column exceeds 1fr I want to create a new row. As it currently stands, the content simply overflows the column. One requirement of this layout is that the items in the right menu column are in one row. I achieve this with: ...

P粉212114661 2023-09-05 15:18:28 0  1  607

PHP full text search functionality using AND, OR and NOT operators

Newbie question: I'm trying to implement a full text search on a search string using php and eloquent. $searchstring="+(victimsuspect)+crime-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

P粉076987386 2023-09-05 15:06:32 0  1  568

Shortest way to convert all PHP types to string

I'm writing a general system that I hope can one day be applied to fields like medicine (i.e. it's "scientific"). I think the best way is to represent all the data in php with strings (true will be "true", false will be "false" and so on). The reason for this is that in...

P粉369196603 2023-09-05 15:34:44 0  1  998

How to get average of DATETIME column in MySQL while grouping by other columns

I'm creating and populating a MySQL table using the following query: SETtime_zone='+00:00';CREATETABLEtimestamp_n_datetime(idINT,timeDATETIME,avg_timeDATETIME);INSERTINTOtimestamp_n_datetime(id,time,avg_time)VALUES("1","2023-01-0310:

P粉460377540 2023-09-05 11:46:21 0  1  503

Multi-device (mobile phone) synchronization - React Native

I'm trying to create a Lightshow that will launch on all users' mobile devices at the same time (can have up to 2000-3000 users). All users will use the Internet (Wi-Fi or mobile data). In our FE we use Apollo for subscriptions and it works like a charm. But the problem is, user A can get subscribed...

P粉151466081 2023-09-05 11:58:38 0  1  694

Spades, Diamonds, Hearts, Clubs => styles do not change font color in Chrome for Android

In Google Chrome on Windows, the card suit symbols (spades, hearts, diamonds, clubs) are colored correctly using the "style" attribute. Unfortunately, the same page displayed in Google Chrome on Android does not display the colors I defined but uses the default black and red. (See the atta...

P粉896751037 2023-09-05 15:25:13 0  1  752

How to hide mui TextField label?

I'm developing a Nextjs app and I have a dashboard navigation bar built with mui that contains a notification that opens the notification box, which is built with regular HTML and CSS. dashboard-navbar.js: importNotificationBoxfrom"./notification-box/notification-box";//...exportconstDashb...

P粉239164234 2023-09-05 15:41:00 0  1  676