การเขียนโปรแกรม css

10

ฉันพยายามแทนที่ลูกศรของการเลือกด้วยรูปภาพของฉันเอง ฉันรวมการเลือกไว้ใน div ที่มีขนาดเท่ากันฉันตั้งค่าพื้นหลังของการเลือกเป็นแบบโปร่งใสและฉันรวมรูปภาพ (ที่มีขนาดเท่ากับลูกศร) ที่มุมบนขวาของ div เป็นพื้นหลัง ใช้งานได้ใน Chrome เท่านั้น ฉันจะทำให้มันทำงานใน Firefox และ IE9 ได้อย่างไรโดยที่ฉันได้รับสิ่งนี้: .styled-select { width: 100px; height: 17px; overflow: hidden; overflow: -moz-hidden-unscrollable; background: url(images/downarrow_blue.png) no-repeat right white; border: 2px double red; display: inline-block; position: relative; } .styled-select select { background: transparent; -webkit-appearance: none; width: 100px; font-size: …

125 css select

21

ทำให้จุดยึดลิงก์ไปที่พิกเซลเหนือจุดที่เชื่อมโยง

ฉันไม่แน่ใจว่าวิธีที่ดีที่สุดในการถาม / ค้นหาคำถามนี้: เมื่อคุณคลิกที่จุดยึดลิงก์ระบบจะนำคุณไปยังส่วนนั้นของเพจโดยตอนนี้พื้นที่ที่เชื่อมโยงไปยังอยู่ที่ด้านบนสุดของหน้า ฉันต้องการให้ลิงก์จุดยึดส่งไปยังส่วนนั้นของหน้า แต่ฉันต้องการพื้นที่ด้านบน เช่นเดียวกับฉันไม่ต้องการให้มันส่งฉันไปยังส่วนที่เชื่อมโยงกับมันที่ด้านบนสุดฉันต้องการพื้นที่ 100 พิกเซลหรือมากกว่านั้น สิ่งนี้สมเหตุสมผลไหม เป็นไปได้หรือไม่ แก้ไขเพื่อแสดงโค้ด - เป็นเพียงแท็กจุดยึด: <a href="#anchor">Click me!</a> <p id="anchor">I should be 100px below where I currently am!</p>

124 javascript html css anchor

8

ควบคุมความยาวเส้นขอบเส้นประและระยะห่างระหว่างจังหวะ

เป็นไปได้ไหมที่จะควบคุมความยาวและระยะห่างระหว่างเส้นขอบเส้นประใน CSS ตัวอย่างด้านล่างนี้แสดงแตกต่างกันระหว่างเบราว์เซอร์: div { border: dashed 4px #000; padding: 20px; display: inline-block; } <div>I have a dashed border!</div> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายข้อมูลโค้ด ความแตกต่างใหญ่: IE 11 / Firefox / Chrome มีวิธีการใดบ้างที่สามารถควบคุมลักษณะของเส้นขอบประ

124 css border css-shapes

11

ลายตาราง Bootstrap: ฉันจะเปลี่ยนสีพื้นหลังของแถบได้อย่างไร?

ด้วยคลาส Bootstrap table-stripedแถวอื่น ๆ ในตารางของฉันจะมีสีพื้นหลังเท่ากับ#F9F9F9. ฉันจะเปลี่ยนสีนี้ได้อย่างไร?

124 css twitter-bootstrap html-table

9

ปัญหาเกี่ยวกับ <select> และ: after with CSS ใน WebKit

ฉันต้องการเพิ่มสไตล์บางอย่างในกล่องเลือกด้วยหลอก: หลัง (เพื่อจัดสไตล์กล่องเลือกของฉันด้วย 2 ส่วนและไม่มีภาพ) นี่คือ HTML: <select name=""> <option value="">Test</option> </select> และไม่ได้ผล ฉันไม่รู้ว่าทำไมและฉันไม่พบคำตอบในข้อกำหนด W3C นี่คือ CSS: select { -webkit-appearance: none; background: black; border: none; border-radius: 0; color: white; } select:after { content: " "; display: inline-block; width: 24px; height: 24px; background: blue; } จึงเป็นเรื่องปกติหรือมีอุบาย?

124 html css select

10

Overflow Scroll css ไม่ทำงานใน div

ฉันกำลังมองหาโซลูชัน CSS / Javascript สำหรับปัญหาการเลื่อนหน้า HTML ของฉัน ฉันมี div สามตัวที่มี div ส่วนหัวและ wrapper div ฉันต้องการแถบเลื่อนแนวตั้งใน wrapper div ความสูงควรเป็นแบบอัตโนมัติหรือ 100% ตามเนื้อหา ส่วนหัวควรได้รับการแก้ไขและฉันไม่ต้องการแถบเลื่อนโดยรวมดังนั้นฉันจึงให้ไว้overflow:hiddenในแท็กเนื้อหา ฉันต้องการแถบเลื่อนแนวตั้งใน wrapper div ฉันจะแก้ไขปัญหานี้ได้อย่างไร? HTML <div id="container"> <div class="header"></div> <div class="wrapper"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus porta tortor sed metus. Nam pretium. Sed tempor. Integer …

124 css

5

รับองค์ประกอบ DOM ตามชื่อคลาส

ฉันใช้PHP DOMและฉันกำลังพยายามรับองค์ประกอบภายในโหนด DOM ที่มีชื่อคลาสที่กำหนด วิธีที่ดีที่สุดในการรับองค์ประกอบย่อยนั้นคืออะไร อัปเดต:ฉันลงเอยด้วยการใช้MechanizePHP ซึ่งทำงานได้ง่ายกว่ามาก

124 php css dom

23

ไอคอน FontAwesome ไม่แสดง ทำไม?

เมื่อเร็ว ๆ นี้ฉันได้พัฒนาเว็บไซต์นี้และฉันกำลังพยายามใส่ไอคอนแบบอักษรที่ยอดเยี่ยมลงไปดังนั้นจึงสามารถปรับขนาดได้ สิ่งนี้คือพวกเขาไม่ปรากฏตัว ดู HTML: <a class="btn-cta-freequote" href="#">Get a FREE Quote <i class="fa fa-arrow-right"></i></a> หรือ <li><a href="index.html"><span class="fa fa-home fa-2x"></span>Home</a></li> ฉันใส่การอ้างอิงสไตล์ชีทไว้ในหัว ฉันไม่รู้ว่าทำไมพวกเขาถึงไม่ปรากฏตัว นี่คือข้อมูลอ้างอิง: <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> ได้เลยนี่คือ html แบบเต็ม: <head> <meta charset="UTF-8"> <title>Retrica</title> <link src="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> <link href="style/normalize.css" rel="stylesheet" type="text/css"> <link href="style/bootstrap.min.css" rel="stylesheet" type="text/css"> <link href="style/main.css" rel="stylesheet" type="text/css"> </head> …

124 html css font-awesome

3

อะไรคือความแตกต่างระหว่าง: first-child และ: first-of-type?

ฉันไม่สามารถบอกความแตกต่างระหว่างelement:first-childและelement:first-of-type ตัวอย่างเช่นคุณมี div div:first-child → <div>องค์ประกอบทั้งหมดที่เป็นลูกคนแรกของพ่อแม่ div:first-of-type → <div>องค์ประกอบทั้งหมดที่เป็น<div>องค์ประกอบแรกของพาเรนต์ สิ่งนี้ดูเหมือนจะเหมือนกันทุกประการ แต่ทำงานต่างกัน ใครช่วยอธิบายหน่อย

124 css css-selectors

11

ตอบสนองข้อความดั้งเดิมที่ปิดหน้าจอของฉันโดยไม่ยอมตัด จะทำอย่างไร?

โค้ดต่อไปนี้สามารถพบได้ในตัวอย่างจริงนี้ ฉันมีองค์ประกอบพื้นเมืองตอบสนองต่อไปนี้: 'use strict'; var React = require('react-native'); var { AppRegistry, StyleSheet, Text, View, } = React; var SampleApp = React.createClass({ render: function() { return ( <View style={styles.container}> <View style={styles.descriptionContainerVer}> <View style={styles.descriptionContainerHor}> <Text style={styles.descriptionText} numberOfLines={5} > Here is a really long text that you can do nothing about, its gonna …

124 css reactjs react-native flexbox

5

CSS และ SCSS แตกต่างกันอย่างไร

ฉันรู้จัก CSS เป็นอย่างดี แต่สับสนเกี่ยวกับ Sass SCSS แตกต่างจาก CSS อย่างไรและถ้าฉันใช้ SCSS แทน CSS จะทำงานเหมือนกันหรือไม่

124 css sass

5

มีตัวแปรในเส้นทางรูปภาพใน Sass หรือไม่?

ฉันต้องการมีตัวแปรหนึ่งตัวที่มีรูทพา ธ ไปยังรูปภาพทั้งหมดของฉันในไฟล์ CSS ฉันไม่สามารถเข้าใจได้ว่าสิ่งนี้เป็นไปได้หรือไม่ใน Pure Sass (โครงการเว็บจริงไม่ใช่ RoR ดังนั้นจึงไม่สามารถใช้ asset_pipeline หรือแจ๊สแฟนซีใด ๆ ได้) นี่คือตัวอย่างของฉันที่ไม่ได้ผล ในการคอมไพล์มันขัดขวางที่ตัวอย่างแรกของตัวแปรในคุณสมบัติ url พื้นหลังพูดว่า ( "Invalid CSS after "..site/background": expected ")") การกำหนดฟังก์ชันเพื่อส่งกลับเส้นทาง: //Vars $assetPath : "/assets/images"; //Functions @function get-path-to-assets($assetPath){ @return $assetPath; } การใช้ฟังก์ชัน: body { margin: 0 auto; background: url($get-path-to-assets/site/background.jpg) repeat-x fixed 0 0; width: 100%; …

123 css sass

3

รับค่าสูงสุด css เป็นตัวเลขไม่ใช่สตริง?

ใน jQuery คุณจะได้รับตำแหน่งสูงสุดเมื่อเทียบกับผู้ปกครองเป็นตัวเลข แต่คุณไม่สามารถได้รับค่าด้านบน CSS pxเป็นตัวเลขถ้ามันตั้งอยู่ใน สมมติว่าฉันมีสิ่งต่อไปนี้: #elem{ position:relative; top:10px; } <div> Bla text bla this takes op vertical space.... <div id='elem'>bla</div> </div> $('#elem').position().top; //Returns the number (10+(the vertical space took by the text)) $('#elem').css('top'); //Returns the string '10px' แต่ฉันต้องการที่จะมี CSS 10ด้านบนสถานที่ให้บริการเป็นจำนวน เราจะบรรลุสิ่งนี้ได้อย่างไร?

123 javascript jquery css

10

ฉันจะจัดตำแหน่งองค์ประกอบกริดด้านล่างในเค้าโครงของไหล bootstrap ได้อย่างไร

ฉันมีเลย์เอาต์ที่ลื่นไหลโดยใช้ bootstrap ของ Twitter ซึ่งฉันมีแถวที่มีสองคอลัมน์ คอลัมน์แรกมีเนื้อหาจำนวนมากซึ่งฉันต้องการเติมเต็มช่วงปกติ คอลัมน์ที่สองมีปุ่มและข้อความบางส่วนซึ่งฉันต้องการจัดแนวด้านล่างให้สัมพันธ์กับเซลล์ในคอลัมน์แรก นี่คือสิ่งที่ฉันมี: -row-fluid------------------------------------- +-span6----------+ +-span6----------+ | | |short content | | content | +----------------+ | that | | is tall | | | +----------------+ ----------------------------------------------- นี่คือสิ่งที่ฉันต้องการ: -row-fluid------------------------------------- +-span6----------+ | | | content | | that | | is tall | +-span6----------+ | | |short …

123 html css layout twitter-bootstrap

6

วิธีลบขีดเส้นใต้จากชื่อที่วางเมาส์เหนือ

ฉันมี html ดังกล่าว: <legend class="green-color"><a name="section1">Section</a></legend> legend.green-color{ color:green; } ในกรณีของฉันSectionมองเป็นสีเขียว แต่เมื่อฉันวางตัวชี้เมาส์มันกลายเป็นเหมือน href แต่ฉันต้องการให้มันคงอยู่เหมือนเดิมโดยไม่ขีดเส้นใต้และเปลี่ยนสี เป็นไปได้หรือไม่ที่จะบรรลุโดยไม่ต้องเปลี่ยน css หรือด้วย css cahnge ขั้นต่ำ? หรืออาจจะเป็นด้วย jquery?

123 html css

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