所以我有一个问题..即使媒体查询是在媒体查询代码所在的CSS文件中,我的媒体查询也不会响应我的样式.我把它缩小了,弄明白我的"背景:透明;" 在我的媒体问题内部没有工作.如果我开始工作,我的背景图像应该按照我想要的方式工作.
这是我正在寻找的布局,目前我的背景没有响应所以现在它只是一个大的红色背景覆盖我的图片与白色文本,这是它应该是什么时候它的响应.代码如下.
图片:https://i.stack.imgur.com/n6WMO.jpg
HTML:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="pwccss.css">
<meta name="viewport" id="pwcviewport" content="width=device-width, initial-scale=1.0">
</head>
<body class="pwcscrolling longformcontent longform-level2-landing-template page-primary-col--red page-
secondary-col--burgundy page-tertiary-col--maroon">
<div id="wrapper">
<div class="centerPar">
<section id="title" class="clearfix no-background__mobile page-section page section--col-primary page-section--col-dark nomove fullwidth videobghost" data-image:"https://www.pwc.se/content/dam/pwc/se/sv/hero/hero-finansdagen-1920x1080-16_9.jpg" data-wcmmode"false" data-parallax:"false" style="background-image: url(https://www.pwc.se/content/dam/pwc/se/sv/hero/hero-finansdagen-1920x1080-16_9.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; margin-top: 2%;">
<div class="parsys sectionpar">
<div class="herotitle section">
<div class="dpe-component-wrapper hero-title-component hero-title-component--colour-h1">
<div class="hero-title">
<div class="container">
<div class="row">
<div class="textColumn col-sm-6">
<div class="hero-title-textpanel"> …