คำถามติดแท็ก css

ฉันกำลังพยายามแทรก div ลงในส่วนใดส่วนหนึ่งของเนื้อหาและทำให้position: absoluteสัมพันธ์กับเอกสารทั้งหมดไม่ใช่องค์ประกอบหลักที่มีไฟล์position: relative.

93 html  css  css-position 

ฉันกำลังพัฒนาหน้าเว็บในสภาพแวดล้อมเว็บเบราว์เซอร์แบบผสม (Chrome / IE11) IE11 ไม่รองรับตัวแปร CSS มีโพลีฟิลล์หรือสคริปต์ที่อนุญาตให้ฉันใช้ตัวแปร CSS ใน IE11 หรือไม่

93 css  internet-explorer-11  polyfills 

โปรดทราบว่าไม่ใช่แผงสไตล์ (ฉันรู้ว่าสีเทาหมายถึงอะไรในบริบทนั้น - ไม่ได้ใช้) แต่แผงถัดไปคือแผงคุณสมบัติที่คำนวณ หมายความว่าอย่างไรเมื่อคุณสมบัติที่คำนวณแล้วแสดงเป็นสีเทา ตัวอย่าง:

93 css  google-chrome  google-chrome-devtools 

ฉันต้องการให้divไม้ติดที่ด้านบนของหน้าจอโดยไม่มีผลกระทบใด ๆ ต่อองค์ประกอบอื่น ๆ และองค์ประกอบลูกอยู่ตรงกลาง .parent { display: flex; justify-content: center; position: absolute; } <div class="parent"> <div class="child">text</div> </div> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายข้อมูลโค้ด เมื่อฉันเพิ่มposition: absoluteบรรทัดjustify-content: centerกลายเป็นไม่ถูกต้อง พวกเขาขัดแย้งกันหรือไม่และทางออกคืออะไร? แก้ไข ขอบคุณพวกมันเป็นปัญหาของความกว้างของผู้ปกครอง แต่ฉันอยู่ใน React Native ดังนั้นฉันจึงไม่สามารถตั้งค่าwidth: 100%ได้ พยายามflex: 1และalign-self: stretchทั้งสองไม่ทำงาน ฉันลงเอยด้วยการใช้Dimensionsเพื่อรับความกว้างเต็มของหน้าต่างและใช้งานได้ แก้ไข ขณะที่รุ่นใหม่ตอบสนองพื้นเมือง (ฉันกับ 0.49) width: 100%ก็ยอมรับ

93 css  react-native  flexbox 

ฉันต้องหาวิธีเปลี่ยนคุณสมบัติ CSS: hover โดยใช้ JavaScript ตัวอย่างเช่นสมมติว่าฉันมีโค้ด HTML นี้: <table> <tr> <td>Hover 1</td> <td>Hover 2</td> </tr> </table> และโค้ด CSS ต่อไปนี้: table td:hover { background:#ff0000; } ฉันต้องการใช้ JavaScript เพื่อเปลี่ยน <td> คุณสมบัติโฮเวอร์เป็นพื้นหลัง: # 00ff00 รู้ว่าฉันสามารถเข้าถึงคุณสมบัติพื้นหลังสไตล์โดยใช้ JavaScript เป็น: document.getElementsByTagName("td").style.background="#00ff00"; แต่ฉันไม่รู้ว่า JavaScript เทียบเท่ากับ: hover ฉันจะเปลี่ยนพื้นหลังโฮเวอร์ของ <td> เหล่านี้โดยใช้ JavaScript ได้อย่างไร ความช่วยเหลือของคุณได้รับการชื่นชมอย่างมาก!

93 javascript  html  css  dhtml 

เป็นไปได้ไหมที่จะเปลี่ยนสีหลักของ bootstrap ให้ตรงกับสีของแบรนด์ ฉันใช้ธีมกระดาษของ bootswatch ในเคสของฉัน

93 css  twitter-bootstrap  twitter-bootstrap-3  bootstrap-4 

ฉันพยายามสร้างเมนูย่อยของ twitter bootstrap ในเมนูแบบเลื่อนลง แต่ฉันมีปัญหา: ฉันมีเมนูแบบเลื่อนลงที่มุมขวาบนของหน้าและเมนูนั้นมีเมนูย่อยอีกหนึ่งเมนู อย่างไรก็ตามเมื่อเมนูย่อยเปิดขึ้น - จะไม่พอดีกับหน้าต่างและไปทางขวามากเกินไปผู้ใช้จะเห็นเฉพาะตัวอักษรตัวแรกเท่านั้น จะทำอย่างไรให้เมนูย่อยไม่เปิดไปทางขวา แต่ไปทางซ้าย?

93 javascript  jquery  css  twitter-bootstrap 

เดิมทีฉันสร้างเว็บแอปใน HTML, CSS และ JavaScript จากนั้นก็ขอให้สร้างอีกครั้งใน Bootstrap ด้วย ฉันทำได้ดีทั้งหมด แต่ฉันมีปุ่มสลับในเว็บแอปที่เปลี่ยนกลับเป็นปุ่มวิทยุ (ช่องทำเครื่องหมายเดิม) แทนปุ่มสลับที่ฉันมีในตอนแรก รหัสสำหรับปุ่มคือ: <label> Notifications <span class='toggle'> <input type='radio' class='notifications' name='notifications' id='notifications' /> </span> </li> <label> Preview <span class='toggle'> <input type='radio' class='preview' name='preview' id='preview' /> </span> </li> และไฟล์ JavaScript และ CSS ที่เพจ HTML เชื่อมโยง ได้แก่ : <script src = 'jqtouch.js'></script> …

93 javascript  jquery  css  twitter-bootstrap  jqtouch 

ฉันไม่แน่ใจว่าฉันเข้าใจความแตกต่างระหว่างสองสิ่งนี้ครบถ้วนหรือไม่ ใครช่วยอธิบายได้ไหมว่าทำไมฉันถึงใช้อันอื่นและแตกต่างกันอย่างไร

93 css  css-position 

มีวิธีใดบ้างที่จะได้รับความสูงขององค์ประกอบหากไม่มีการตั้งค่ากฎความสูง CSS สำหรับองค์ประกอบฉันไม่สามารถใช้.height()เมธอด jQuery ได้เนื่องจากต้องตั้งกฎ CSS ก่อน มีวิธีอื่นในการรับความสูงหรือไม่?

93 jquery  css  height 

ฉันต้องการหมุนไอคอนแบบอักษรที่น่ากลัวแบบคงที่ 45 องศา มันบอกในเว็บไซต์ว่า: ในการหมุนและพลิกไอคอนโดยพลการให้ใช้คลาส fa-rot- * และ fa-flip- * อย่างไรก็ตามการทำ <i class="fa fa-link fa-rotate-45" style="font-size:1.5em"></i> ไม่ทำงานในขณะที่แทนที่fa-rotate-45ด้วยfa-rotate-90do นี่หมายความว่าในความเป็นจริงพวกเขาไม่สามารถหมุนโดยพลการ?

93 css  rotation  font-awesome 

ฉันกำลังพยายามสร้างรูปร่างเหมือนในภาพด้านล่างโดยมีขอบเอียงเพียงด้านเดียว (เช่นด้านล่าง) ในขณะที่ขอบอีกด้านยังคงตรง ฉันลองใช้วิธีการเส้นขอบ (ระบุรหัสด้านล่าง) แต่ขนาดของรูปร่างของฉันเป็นแบบไดนามิกดังนั้นฉันจึงไม่สามารถใช้วิธีนี้ได้ .shape { position: relative; height: 100px; width: 200px; background: tomato; } .shape:after { position: absolute; content: ''; height: 0px; width: 0px; left: 0px; bottom: -100px; border-width: 50px 100px; border-style: solid; border-color: tomato tomato transparent transparent; } <div class="shape"> Some content </div> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายข้อมูลโค้ด ฉันได้ลองใช้การไล่ระดับสีสำหรับพื้นหลังด้วย (เช่นในโค้ดด้านล่าง) …

93 html  css  responsive-design  css-shapes 

ฉันมี div ที่ต้องการระบุความกว้างและความสูงคงที่และยังมีช่องว่างภายในซึ่งสามารถเปลี่ยนแปลงได้โดยไม่ต้องลดความกว้าง / ความสูง DIV เดิมหรือเพิ่มขึ้นมีเคล็ดลับ CSS สำหรับสิ่งนั้นหรือทางเลือกอื่นโดยใช้ช่องว่างภายใน?

93 css  html 

ฉันจะจัดเนื้อหา html ทั้งหมดให้อยู่ตรงกลางได้อย่างไร

93 html  css 

ฉันกำลังพยายามกำจัดไฟล์ CSS 2 ไฟล์ที่แสดงการบล็อกบนไซต์ของฉันซึ่งจะปรากฏใน Google Page Speed ​​Insights ฉันได้ทำตามวิธีการต่างๆ แต่ไม่มีวิธีใดที่ประสบความสำเร็จ แต่เมื่อเร็ว ๆ นี้ฉันพบโพสต์เกี่ยวกับThinking Asyncและเมื่อฉันใช้รหัสนี้<script async src="https://third-party.com/resource.js"></script>มันช่วยขจัดปัญหาได้ อย่างไรก็ตามหลังจากเผยแพร่เพจก็สูญเสียรูปแบบไป ฉันไม่แน่ใจเหมือนกันว่าเกิดอะไรขึ้นเพราะโค้ดใช้งานได้ แต่เป็นการจัดแต่งทรงผมหลังจากอัปโหลดที่ใช้ไม่ได้ ขอขอบคุณสำหรับความช่วยเหลือของคุณในเรื่องนี้ ขอบคุณ

93 html  css  asynchronous