làm thế nào để có được tài sản hình ảnh thực sự hiển thị css

tôi đã nhận một mảnh htmllàm thế nào để có được tài sản hình ảnh thực sự hiển thị css

<img style="cursor: pointer; width: auto; height: auto; display: inline;" src="http://www.kidsgen.com/fables_and_fairytales/images/rapunzel.gif" alt="rapunzel" title="rapunzel" align="right">

và thậm chí nếu tôi đặt display: inline; trong phong cách của nó, khi tôi đang cố gắng để có được tài sản hiển thị css của nó như thế này:

alert($('img:first').css('display'))

hoặc

var el=document.getElementsByTagName('img')[0] 
alert(document.defaultView.getComputedStyle(el,null)['display'])

nó luôn mang lại cho tôi đánh giá cao block.

có vấn đề gì?

Nguồn

2013-04-13 SuperYegorius

Sử dụng trình kiểm tra và theo dõi kiểu, có thể có một 'display: block! Important' ở đâu đó –

Tôi vừa mới kiểm tra kiểu ảnh trong firebug. không có kiểu như 'display: block! important' hoặc' display: block' – SuperYegorius

Việc gán align='right' thuộc tính sẽ khiến phần tử img có thuộc tính hiển thị được đặt thành 'chặn'. code của bạn mà không có sự align='right' propery sẽ cảnh báo 'inline' on jsFiddle.

<body> 
    <img style="cursor: pointer; width: auto; height: auto; display: inline;" src="http://www.kidsgen.com/fables_and_fairytales/images/rapunzel.gif" alt="rapunzel" title="rapunzel" /> 
</body> 

alert($('img:first').css('display')); // alerts 'inline'

Một mảnh có liên quan của thông tin thêm là thẻ img là trên thực tế inline elements by default. Tuy nhiên, với align='right' bộ bên trong thẻ img, tôi đã không thể thiết lập các thuộc tính display trở lại nội dòng ngay cả khi chèn dòng mã này:

$('img:first').css('display', 'inline');

Nguồn

2013-04-13 23:50:24 orb

Chỉ cần cập nhật liên kết chính xác đến jsFiddle lol. – orb

Vì bạn có align="right" trong thẻ hình ảnh;

Quy tắc CSS đó được sử dụng để căn chỉnh các phần tử khối (Learn more).

Nguồn

2013-04-13 23:51:16 tiagojpdias

làm thế nào để có được tài sản hình ảnh thực sự hiển thị css

Trả lời

Các vấn đề liên quan